[Front-End General] Google Fonts で明朝体の書体「Noto Serif」を導入する

memo. 的な投稿。

Google Fonts のサイトで「日本語・セリフフォント」で絞り込むと3種類表示されます。
いわゆる「Noto Serif CJK」、別名「源ノ明朝」が表示されます。

Google Fonts

SC は「簡体字中国語」、TC は「繁体字中国語」ですので、JP を選びます。

Google Developers Japan: Noto Serif CJK が登場!

  1. をクリックしてフォントを選択。
  2. CUSTOMIZE をクリックして、必要な「フォントウェイト」と「Japanese」をチェック。
  3. 「EMBED」に戻る。

以上で、以下の2つの情報を入手します。

<link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP" rel="stylesheet">
font-family: 'Noto Serif JP', serif;

補遺