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
最近の投稿
  • 【WordPress】管理画面の投稿表示件数の初期値をすべてのユーザー・投稿タイプで一括変更
  • 【Chrome】table で border-collapse:collapse; を使ったときの線幅のバグが解消!
  • 【Splide】Auto Scrollエクステンションを使ったらスライドが消えたり点滅したりする場合の対策
  • 【PHP】連想配列の値が全部空だったらfalseを返す
  • 【CSS mask-image】SVGを使ったクリッピングマスクのサイズや位置を自由に調整したい!
  • 【CSS clip-path】SVGを使ったクリッピングマスクの位置を右から○pxにするには
  • 【WordPress】コメントフォームを改造してレビュー投稿フォームにする
  • 【jQuery】details要素・summary要素でアコーディオン【メモ】
  • 【.htaccess】いろいろな301リダイレクト
  • 【WordPress】ACF Pro × ACF Extendedでカスタムブロックを作る
アーカイブ
タグ
.htaccessAdobe XDAMPChromecontact form 7CSSCSS Grid LayoutcustomizerEdgefeedlygifgoogleAnalyticsGoogleFontsgulpGutenbergHTMLhttpsIE11Illustratorinclude pathJavaScriptjQueryMacMP4MW WP formNetbeansNode.jsNotionnpmpcphotoshopPHPPremier ProPythonsvgtoolsetvideovue.jsWebstormwordWordPressxdカスタムタクソノミーカスタムブロック技術書典

© deep-space.blue.