MENU
  • web
  • WordPress
  • PC
IT女子の深宇宙。Wordpressとか、コーディング・フロントエンドのいろいろ。
deep-space.blue
  • web
  • WordPress
  • PC
deep-space.blue
  • web
  • WordPress
  • PC
  1. ホーム
  2. GoogleFonts

GoogleFonts– tag –

  • web

    遅延読み込みしたGoogle FontsのFOUTを、Font Loading APIを使って軽減してみた

    【2022年3月】Google Fontsのパフォーマンス比較&ハリー・ロバーツ方式の勝手に改良版 にて、Google Fontsを遅延読み込みする方法についてまとめました。 しかし、この方法では「 FOUT(Flash of Unstyled Text)」という現象が避けられません。 ページ...
    2022年3月27日
  • web

    Google Material Icons をアイコンフォントとしてXD & Webページで使う方法まとめ

    Google Material Iconsは通常デザインデータ作成時などはSVGアイコン画像として使うことが多いかな、と思います。 が、実装ではアイコンフォントとして利用したい→デザインデータでもアイコンフォントとして使用したい!という場合の方法についてまとめて...
    2022年3月23日
  • web

    【2022年3月】Google Fontsのパフォーマンス比較&ハリー・ロバーツ方式の勝手に改良版

    ★ハリー・ロバーツ方式の勝手に改良版は記事の最後にあります★ GoogleFontsをウェブページで普通に使うと、PageSpeed Insights (というかLighthouse)に 「レンダリングを妨げるリソース」として登場してしまう問題があります。 【「普通に使う」とは】 Goo...
    2022年3月23日
1
最近の投稿
  • OS・ブラウザごとのフォーム要素の表示の違いまとめ(途中)
  • 【PhpStorm】Github Copilotを導入する方法
  • 【Chrome】埋め込んだGoogleMapが印刷に表示されない原因と対策(暫定)
  • 【CSS】position:stickyでサイドバーの一部分を追従させるには&何故かついてこないときに確認すること
  • 【WordPress】管理画面の投稿表示件数の初期値をすべてのユーザー・投稿タイプで一括変更
  • 【Chrome】table で border-collapse:collapse; を使ったときの線幅のバグが解消!
  • 【Splide】Auto Scrollエクステンションを使ったらスライドが消えたり点滅したりする場合の対策
  • 【PHP】連想配列の値が全部空だったらfalseを返す
  • 【CSS mask-image】SVGを使ったクリッピングマスクのサイズや位置を自由に調整したい!
  • 【CSS clip-path】SVGを使ったクリッピングマスクの位置を右から○pxにするには
アーカイブ
タグ
.htaccessAMPChromecontact form 7CSSCSS Grid LayoutcustomizerEdgegifgoogleAnalyticsGoogleFontsgulpGutenbergHTMLhttpsIE11Illustratorinclude pathJavaScriptjQueryMacMP4MW WP formNetbeansNode.jsNotionnpmpcphotoshopPHPPhpStormpositionPremier ProPythonsvgtoolsetvideovue.jsWebstormwordWordPressxdカスタムタクソノミーカスタムブロック技術書典

© deep-space.blue.