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

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

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

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

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

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

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

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

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

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

この記事を書いた人

ごー
ごー
運営者

ワードプレス歴9年。ワードプレスのカスタマイズやアフィリエイトに関する知識を多少なりとも蓄えてきたので解放する。

コメントする

コメント

この記事へのコメントはありません。