記事一覧 【2022年版】webデザイン おすすめ日本語フォント(Google fonts、Adobe fonts)
デザイン

【2022年版】webデザイン おすすめ日本語フォント(Google fonts、Adobe fonts)

【2022年版】webデザイン おすすめ日本語フォント(Google fonts、Adobe fonts)
この記事は2022年6月に公開しました。
紹介したフォントは、2022年時点のものです。
Google Fonts と Adobe Fonts の提供状況は、変わる場合があります。
Webサイトの文字を、きれいに見せたい。
そんな時は、Google Fonts や Adobe Fonts の日本語フォントが使えます。

この記事では、Google Fonts と Adobe Fonts から、おすすめの日本語フォントを紹介します。

Google Fonts おすすめ日本語フォント

Noto Sans Japanese(ゴシック)

「Noto Sans Japanese」の見本(かな/漢字/英数字と文章)
Noto Sans は、Google が作ったフォントのシリーズです。
日本語の部分は、Adobe と共同で開発しました。
シリーズ全体では、1,000を超える言語に対応しています。
文字が見やすく、使いやすい「定番」のフォントといわれています。

Kosugi(ゴシック)

「Kosugi」の見本(かな/漢字/英数字と文章)
Kosugi のウェイトは、1種類だけです。
文字の大きさや行間を整えると、読みやすくなります。

Noto Serif Japanese(明朝体)

「Noto Serif Japanese」の見本(かな/漢字/英数字と文章)
Noto Serif Japanese は、Noto Sans と対になる明朝体のフォントです。
縦書きにも横書きにも使いやすいフォントです。

さわらび明朝(明朝体)

「さわらび明朝」の見本(かな/漢字/英数字と文章)
さわらびフォントには、「さわらびゴシック」と「さわらび明朝」の2種類があります。
多くのデザイナーが、使いやすいと評価しているフォントです。
ただ、まだ開発中のため、漢字などは十分にそろっていないようです。

Adobe Fonts おすすめ日本語フォント

Kinto Sans(ゴシック)

「Kinto Sans」の見本(かな/漢字/英数字と文章)
Kinto Sans は、大きさやバランスを欧文フォントに合わせた日本語フォントです。
和文と欧文が混ざる文でも読みやすく、Webデザインでよく使われています。
2026年11月時点で、Adobe Fonts では Kinto Sans が見つかりません。
GitHub(ookamiinc/kinto)では、今も配布しています。
GitHub のページを開く

小塚ゴシック(ゴシック)

「小塚ゴシック」の見本(かな/漢字/英数字と文章)
小塚ゴシックには、「Std」「Pro」「Pr6N/Pr6」の3種類があります。
デザインでよく使われているフォントです。
2026年11月時点で、Adobe Fonts にあるのは「小塚ゴシック Pro」と「小塚ゴシック Pr6N」です。

源ノ角ゴシック(ゴシック)

「源ノ角ゴシック」の見本(かな/漢字/英数字と文章)
源ノ角ゴシックには、7種類のウェイトがあります。
タイトルにも本文にも使えて、いろいろな場面で使いやすいフォントです。

A-OTF リュウミン Pr6N(明朝体)

「A-OTF リュウミン Pr6N」の見本(かな/漢字/英数字と文章)
A-OTF リュウミン Pr6N は、親しみやすく、やわらかい雰囲気の明朝体です。
本文から見出しまで、幅広く使われています。

游明朝体(明朝体)

「游明朝体」の見本(かな/漢字/英数字と文章)
游明朝体は、字游工房が2002年に発売した、初めての独自書体です。
「時代小説が組めるような明朝体」をテーマに鈴木勉がデザインを始め、鳥海修ら字游工房の社員が完成させました。
2026年11月時点で、Adobe Fonts での名前は「游明朝体 Pr6N」です。

まとめ

Google Fonts と Adobe Fonts から、おすすめの日本語フォントを9個紹介しました。
ゴシック体と明朝体に分けると、次のとおりです。
Google Fonts のゴシック体
Noto Sans Japanese/Kosugi
Google Fonts の明朝体
Noto Serif Japanese/さわらび明朝
Adobe Fonts のゴシック体
小塚ゴシック/源ノ角ゴシック(Kinto Sans は、今は GitHub で配布)
Adobe Fonts の明朝体
A-OTF リュウミン Pr6N/游明朝体
無料で使える日本語フォントは、次の記事で紹介しています。
IMG-flowで働くという選択
この記事を書いているIMG-flowは、大阪のWeb制作会社です。
どんな人と、どんな進め方で仕事をしているのかは、採用ページにまとめています。
クリエイター採用を見る
この記事は参考になりましたか?
ご回答ありがとうございました