Google Fonts（Noto Sans JP）

Noto Sans JPとは

Noto is a font family that aims to support all languages in the world. This is the Sans Japanese family. It has Thin, Light, Demi Light, Regular, Medium, Bold and Black styles and is hinted. For more information about Noto, go to google.com/get/noto

Noto Sans JP has been subsetted to all of the kanji in JIS X 0208, JIS X 0213, and JIS X 0212, including all kanji in Adobe-Japan1-6.

Note: Due to browser’s poor handling of non X00 weights, the DemiLight weight of Noto Sans JP has been removed.

https://fonts.google.com/specimen/Noto+Sans+JP

Notoは世界のすべての言語をサポtーおするためのフォントでで、Noto Sans JPは日本語版です。

使い方

で、使いたいフォントを選択していくだけ。

すると

サイドバーに選択したフォントが表示される。

で、サイドバーの「Embed」タブをクリックすると、

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;900&display=swap" rel="stylesheet">

font-family: 'Noto Sans JP', sans-serif;

が表示されるので、これらをHTML、CSSに設定してあげれば、使えちゃいます。

使用例

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;900&display=swap" rel="stylesheet">

<div style="font-family: 'Noto Sans JP', sans-serif;">
  <p style="font-weight: 100;">Thin　細い</p>
  <p style="font-weight: 400;">Regular　通常</p>
  <p style="font-weight: 500;">Regular　通常</p>
  <p style="font-weight: 900;">Black　濃い</p>
</div