【Wordpress】Webfontを簡単に追加する

2021-7-28

meko

追加方法1:URLで読み込む

Google Fontsで使いたいフォントを調べたら、+ Select this styleで追加する
同じフォントなら追加するとまとめて１つのURLにしてくれる
<link>を選択してコピーする

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
Copy

これをheader.phpのhead内に追加する

テーマフォルダ直下のstyle.cssに下記を追加する

body {
    font-family: "Noto Sans", sans-serif;
}
Copy

これで完了フォントが適用されます