ヘッドを変更せずに Google Web フォントを CSS に埋め込む
Web フォントを CSS ファイルに直接インポートすることは、CSS ファイル内で Web ページをカスタマイズするためのソリューションですドキュメントの先頭に直接アクセスできない CMS。 @import メソッドは、これを実現する方法を提供します。
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');ここでは、「Open Sans」がインポートされたフォントなので、好みのフォントに置き換えます。複数の単語を含むフォント名については、上で示したように、シンボルを使用してエンコードします。
適切な実装を確保するには、@import ステートメントを CSS の先頭、他のルールの前に配置します。
Google Fonts は、必要な @import ディレクティブを生成する簡単な方法を提供します。フォントを選択した後、( ) アイコンをクリックして「埋め込み」に移動します。 [フォントの埋め込み] で [@import] オプションを選択し、