clock
thumbnail
thumbnail
go to top page

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

created2021-7-28
この記事は1分で読めます

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

Google Fontsで使いたいフォントを調べたら、+ Select this styleで追加する
同じフォントなら追加するとまとめて1つの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:[email protected];300;400;500;700;900&display=swap" rel="stylesheet">

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

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

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

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