1. ホーム
  2. css

[解決済み】CSSファイルにGoogle Web Fontをインポートする方法は?

2022-03-30 16:25:29

質問

私はCMSを使用していますが、CSSファイルへのアクセス権しかありません。だから、ドキュメントのHEADに何も含めることができない。CSSファイルからWebフォントをインポートする方法はないでしょうか?

解決方法は?

を使用します。 @import メソッドを使用します。

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

明らかに、quot;Open Sans" ( Open+Sans ) がインポートされるフォントです。ですから、あなたのものに置き換えてください。フォント名に複数の単語がある場合は、URLエンコードするために + のように、各単語の間に記号を入れる。

を必ず配置すること。 @import をCSSの一番上、どのルールよりも前に記述してください。

Google Fonts は @import ディレクティブを使用します。フォントを選択したら (+) アイコンをクリックします。左下に、"1 Family Selected"と題されたコンテナが表示されます。これをクリックすると、拡大されます。Customize"]タブでオプションを選択し、["Embed"]に戻って、["Embed Font"]の下の"@import"をクリックします。の間にあるCSSをコピーします。 <style> タグをスタイルシートに追加してください。