直接ヘッド アクセスせずに Google Web フォントを CSS ファイルにインポートするにはどうすればよいですか?

CSS ファイルでの Google Web フォントのインポート

ヘッド ドキュメントの操作なしで CSS ファイル アクセスのみを許可する CMS プラットフォーム内で作業している場合、Google をインポートWeb フォントは課題を引き起こす可能性があります。幸いなことに、@import メソッドによる解決策があります。

@import メソッドの使用:

目的のフォントをインポートするには、CSS 内で @import ルールを利用するだけです。ファイル。例:

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

「Open Sans」を選択したフォント名に置き換えてください。複数の単語を含む URL には、URL エンコードが必要です (「Open Sans」など、単語の間に「」を追加します)。

CSS の先頭、ルールの前に @import を配置します。

Google Fonts は、@import ディレクティブを生成する自動プロセスを提供します。フォントを選択して ( ) アイコンをクリックした後、左下の「1 Family Selected」コンテナを展開します。 「カスタマイズ」タブでオプションを調整し、「埋め込み」に切り替えて「@import」をクリックします。スタイル タグ間の CSS をスタイルシートにコピーします。

以上が直接ヘッド アクセスせずに Google Web フォントを CSS ファイルにインポートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。