グーグルフォントをWordPressで使う方法

  • コピーしました

グーグルフォントのサイトへ行き好きなフォントを探す。😌

フォントを選択したらそのフォントに設定されてあるスタイルが表示されるので使いたいスタイルを選択する。

赤枠に囲まれたSelect〇〇+をクリックすると選択できる。

グーグルフォントスタイル選択画面

使用したいフォント、スタイルを選択したら(複数選択可)右上の赤枠で囲っているアイコンをクリック。

グーグルフォントをウェブフォントとして使うための設定画面

グーグルフォントをWordPressでウェブフォントとして使うためには2通りの方法があり、赤枠1の中に<link>@importとあるが<link>が推奨となっている。

まずは赤枠1の<link>の内容をコピーし、テーマファイルの<head>タグ内にペースト。

cssでそのフォントを使いたいクラスに赤枠2のフォントファミリーを適用

SHARE
  • コピーしました

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

コメントは日本語で入力してください。(スパム対策)