Webフォントの最小構成デモ

このデモでは、Webフォント（Noto Sans JP）とシステムフォントの違いを確認できます。

システムフォント（sans-serif）

あいうえお 漢字 ABC 123

太字: あいうえお 漢字 ABC 123

Webフォント（Noto Sans JP）

あいうえお 漢字 ABC 123

太字: あいうえお 漢字 ABC 123

確認方法

  1. 開発者ツールの「Network」タブを開く
  2. このページを再読み込みする
  3. fonts.googleapis.com からCSSが読み込まれていることを確認
  4. fonts.gstatic.com から .woff2 ファイルが読み込まれていることを確認