Tools

Webフォントスタック集

日本語Webサイト向けの推奨font-familyスタックをコピーで利用できます。

最終更新: 2026年3月

推奨スタック一覧

游書体系(モダンな日本語ゴシック)

Windows 10/11 標準搭載のモダンゴシック。Medium指定でかすれを防止。

あいうえお 漢字 カタカナ ABCDEFG abcdefg 0123456789

The quick brown fox jumps over the lazy dog. 日本語フォントのプレビューです。

font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;

ヒラギノ系(Mac / iOS向け)

macOS・iOS標準。美しいレンダリングで日本語ゴシックの定番。

あいうえお 漢字 カタカナ ABCDEFG abcdefg 0123456789

The quick brown fox jumps over the lazy dog. 日本語フォントのプレビューです。

font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;

Noto Sans JP(Google Fonts)

クロスプラットフォームで統一したい場合の鉄板。サブセット配信で軽量。

あいうえお 漢字 カタカナ ABCDEFG abcdefg 0123456789

The quick brown fox jumps over the lazy dog. 日本語フォントのプレビューです。

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

クロスプラットフォーム推奨(2025年版)

Mac・Windows・モバイルすべてで適切なフォントにフォールバック。

あいうえお 漢字 カタカナ ABCDEFG abcdefg 0123456789

The quick brown fox jumps over the lazy dog. 日本語フォントのプレビューです。

font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "Yu Gothic", "游ゴシック体", Meiryo, "メイリオ", sans-serif;

明朝体系

和文・欧文混在のエディトリアルデザインに。

あいうえお 漢字 カタカナ ABCDEFG abcdefg 0123456789

The quick brown fox jumps over the lazy dog. 日本語フォントのプレビューです。

font-family: "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;

等幅・コード用

エディター・ターミナル・コードブロック向け。

あいうえお 漢字 カタカナ ABCDEFG abcdefg 0123456789

The quick brown fox jumps over the lazy dog. 日本語フォントのプレビューです。

font-family: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

OS別デフォルトフォント

OS ゴシック系 明朝系
macOS ヒラギノ角ゴ ヒラギノ明朝
Windows 10/11 游ゴシック 游明朝
iOS ヒラギノ角ゴ ヒラギノ明朝
Android Noto Sans JP Noto Serif JP

Google Fonts 推奨読み込み方

<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+JP:wght@400;700&display=swap" rel="stylesheet">