Google Fonts は「Open Source Fonts」で商用・非商用に関わらず誰でも無料で使用することができる Web フォントで、最近では日本語の種類も増え、簡単に使用出来とても便利です。
ただ、日本語フォントの場合、ひらがな・カタカナ・漢字と3種類の文字を使用する為、Google Fonts用のcssファイルのサイズが肥大化してしまいます。
そこで、パラメーターで使用する文字を指定する事で、使用するフォントファイルのみを読み込め、これによりフォントファイルのサイズを大幅に削減できます。使用する文字数が限られているタイトルや見出しのみにGoogle Fontsを使いたい時にぴったりです。
GoogleFontsのcssファイルのlinkタグに「&text=」パラメーターを使って使用する文字を指定します。
通常のgoogleFontsの指定
<link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap" rel="stylesheet"> <body> <h1>フェリカ・テクニカルアカデミー</h1> </body>
使用する文字をパラメーターで指定する場合
<link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap&text=フェリカ・テクニカルアカデミー" rel="stylesheet"> <body> <h1>フェリカ・テクニカルアカデミー</h1> </body>
コメント