「」にアクセスせずに Google Web フォントを CSS に埋め込むにはどうすればよいですか?

ヘッドを変更せずに 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] オプションを選択し、

この手法を使用すると、ドキュメントの見出しを変更せずに Google Web Fonts を Web ページにシームレスに統合でき、CSS カスタマイズの柔軟性が向上します。

以上が「」にアクセスせずに Google Web フォントを CSS に埋め込むにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。