WordPressでNoto Sans Serifを使う

備忘のため記録。
WordPressでGoogle謹製のNoto Sans Serifを使う方法。

  1. WordPress管理画面の「テーマファイルエディター」を選択し、「テーマファイル」欄で「テーマヘッダー(header.php)」を選択
  2. Google Fontsサイト で使いたいウエイトを選び、画面右上の「View Selected Family」ボタンでソースコードをダウンロードする。



  3. 今回導入したコードは下記のとおり。
    <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2family=Noto+Serif+JP:wght@400;500;700;900&display=swap" rel="stylesheet">
  4. 上記のコードをheader.phpの</head>直前に置く。
  5. つづく