ホームへ

【CSS】日本語のWebフォント一覧　82選【無料】

2020年04月29日

無料で商用利用できる日本語フォントを比較しやすいように一覧化しました。

漢字が使えるフォントに絞っています。ただし一部使えない漢字もあります。

あとクレジット表記も不要です。

　

下記一覧はWebフォントにしています。
拡大し比較してみてください。（Ctrl++で拡大）

フォント名からフォント配布サイトへリンクします。

↓Webフォントとして使う方法はこちらの記事にて。

日本語フリーフォントをWebフォントとして使う方法【高速化もする】
WebフォントといえばGoogleフォントですが、フリーの日本語フォントはたくさんあります。そしてそれらはWebフォントとしても使うことができます。
この記事を読む

太さを変えられるフォントもあります。リンク先でご確認ください。また、利用時は利用規約を確認することをオススメします。

IEでは一部のフォントが効きませんので、chromeなどのブラウザからご確認ください。
逆に言えばIEでも効くかどうか確認する場合にIEでご確認ください。

ゴシック体フォント

ゴシック体はWebでは明朝体より読みやすいとされています。よく使うフォントとなるでしょう。

あア安1AaNoto Sans JP
あア安1AaM PLUS 1p
あア安1AaSawarabi Gothic
あア安1AaKosugi
あア安1Aaぼくたちのゴシック
あア安1Aaぼくたちのゴシック２
あア安1Aaロゴたいぷゴシック
あア安1Aaロゴたいぷゴシック-コンデンスド
あア安1Aaやさしさゴシック
あア安1Aa源真ゴシック
あア安1Aa霧ゴシック
あア安1AaIPAexゴシック
あア安1AaGD-高速道路ゴシックJA
あア安1Aa刻ゴシック
あア安1AaFGミディアムオールド半角
あア安1Aa廻想体
あア安1Aaせのびゴシック
あア安1Aa棘ゴシックフォント
あア安1Aaトガリテ
あア安1Aa黒薔薇ゴシック
あア安1Aa源暎Nuゴシック
あア安1AaラノベPOP
あア安1Aaあかずきんポップ
あア安1Aa鉄瓶ゴシック
あア安1Aaいろは角クラシック
あア安1Aa木漏れ日ゴシック
あア安1Aaマキナス 4 Flat
あア安1Aaマキナス 4 Square
あア安1Aa自由の翼フォント
あア安1Aa超極細ゴシック体

CSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。

↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓

htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】
htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。
この記事を読む

↑「副業してもう少し稼ぎたい！」というかたのために副業の方法も解説しています。

丸ゴシック体フォント

丸ゴシック体は丸みがあるゴシックであるため優しい雰囲気や暖かな雰囲気を出すことができます。

あア安1AaM PLUS Rounded 1c
あア安1AaKosugi Maru
あア安1Aa源柔ゴシック
あア安1Aaいろはマル
あア安1Aaいろはマル みかみ
あア安1Aa機械彫刻用標準書体
あア安1Aaほのか丸ゴシック
あア安1Aaしねきゃぷしょん
あア安1Aaロンド B

明朝体フォント

明朝体は高級感を出すことのできるフォントです。ただしWebでは見づらいフォントです。利用するなら大きめの文字であるタイトルなど一部で利用すると良いでしょう。

あア安1AaNoto Serif JP
あア安1AaSawarabi Mincho
あア安1Aaアプリ明朝
あア安1Aa幻ノにじみ明朝
あア安1Aa源暎ちくご明朝
あア安1Aa源暎こぶり明朝
あア安1AaIPAex明朝
あア安1Aaはれのそら明朝
あア安1Aaさつき源代明朝
あア安1Aa錦源明朝
あア安1Aaこころ明朝体
あア安1Aaはんなり明朝
あア安1Aaほのか明朝
あア安1Aaうつくし明朝体
あア安1Aaふぉんとうは怖い明朝体
あア安1Aa装甲明朝
あア安1Aa焔明朝
あア安1Aa刻明朝

ゴシック明朝交じりフォント

漢字とひらがなでゴシック体になったり明朝体になるフォントです。マンガのフォントでよく使われます。

あア安1Aaやさしさアンチック
あア安1Aa新コミック体
あア安1Aa源暎アンチック
あア安1Aaほのかアンティーク角
あア安1Aaほのかアンティーク丸
あア安1Aa棘薔薇フォント

個性的フォント

少し癖のあるフォントです。ロゴやキャッチコピーなどインパクトをつけたいときに使うと良いでしょう。

あア安1Aaなごみ極細ゴシック
あア安1Aaタイムマシンわ号
あア安1AaJKゴシック
あア安1Aakawaii手書き文字
あア安1Aaあんずもじ
あア安1Aaフォントポにほんご
あア安1AaFGゼロラバウル
あア安1Aa押出Mゴシック
あア安1Aa黒薔薇シンデレラ
あア安1Aaかんじゅくゴシック
あア安1Aa源暎ラテゴ
あア安1Aaたぬき油性マジック
あア安1Aa無心
あア安1Aaりいポップ角
あア安1Aaポプらむ☆キュート
あア安1Aaきんいろサンセリフ
あア安1Aaこはるいろサンレイ
あア安1Aaこども丸ゴシック
あア安1Aaにしき的フォント

まとめ

Webフォントを使ってサイトの幅を広げましょう。

以上、無料で使える日本語Webフォント82選でした。

「この記事の内容がよくわからなかった…」「なんかうまくいかなかった…」というかたは下記記事↓でhtmlとCSSの基本を学びましょう。
わからないまま突き進むより基本を学ぶのが結局近道です。

htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】
htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。
この記事を読む
CSSやhtmlをマンガで学ぶ