HTML Access を使用せずに Google Web フォントを CSS にインポートするにはどうすればよいですか?

HTML アクセスを使用せずに CSS ファイルに Google Web フォントをインポートする

HTML ドキュメントへのアクセスが制限されている CMS を使用している場合、 Google Web フォントをインポートするのは難しい場合があります。ただし、CSS 内にはこれを実現できるメソッドがあります:

@import メソッド:

次のように @import ディレクティブを使用します:

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

「Open Sans」を希望のフォントの名前に置き換えます。各単語の間に " " 記号を追加して、フォント名のスペースを URL エンコードします。

追加の考慮事項:

• @import ディレクティブをCSS ファイルの先頭、ルールの前。
• 複数のフォントを含むフォントには URL エンコーディングを使用します。
• フォントが Google Fonts から利用できることを確認してください。

Google Fonts のカスタマイズ:

Google Fonts には、自動生成オプションが用意されています。 @import ディレクティブ:

• 希望のものを選択してください
• フォント名の横にある「 」アイコンをクリックします。
• 「1 ファミリが選択されました」コンテナを展開します。
• 「カスタマイズ」タブでカスタマイズ オプションを選択します。
• [埋め込み] タブに切り替えて、[@import] をクリックします。

以上がHTML Access を使用せずに Google Web フォントを CSS にインポートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。