フォント比較

良さげなものあったら追記する…かも…？
PC端末のほうがチェックしやすいです。
また、あくまでもフォント確認用なので縦書き表示まわりの実装は割りと雑です。
確認環境：Chrome

確認したい文字列はこちらに入力してください

ゴシック系

明朝系


Noto Sans JP

使用

Google Fonts Noto Sans Japanese
font-weight : 300

日本語

田子の浦にうちいでて見れば白たへの富士の高嶺に雪は降りつつ
　――小倉百人一首
六世紀の永きを投げ打ちお前の家を呪う意思の、その持ち主を想像する脳も無いのか。
　――ラヴクラフト『錬金術師』
こうなると、いくら賢い方でも、いっそ深い夜に眠るのを禁じてくれればと願うしか。
　――ラヴクラフト『ニャルラトホテプ』

見分け

連続ダッシュ（８つ） => ――――――――
ダッシュ：漢数字いち：促音 => ―一ー
大文字アイ：小文字エル：数字いち：縦棒 => Il1|
大文字オー：小文字オー：数字ゼロ（半角）：数字ゼロ（全角） -> Oo0０

ルビ・傍点

絶対零度の剣（エスパーダデルセロアブソルート）
Electrigger 1.25GW（エレクトリッガー ワンポイントトゥウェンティファイブジゴワット）
　――血界戦線

ありえないなんて事はありえない
ありえないなんて事はありえない
ありえないなんて事はありえない
　――鋼の錬金術師

セリフ・記号

「いい！！！キミ すごくいいよ！！！その瞳（め）！！その表情（かお）！！その心意気！！ああ今すぐキミを壊したい…」
「そんな目で見つめるなよ♠興奮しちゃうじゃないか…♥」
　――HUNTER×HUNTER

English

I, who stand in the full light of the heavens, command thee, who opens the gates of hell. Come forth, divine lightning! This ends now!
Indignation!!
　――TALES OF THE ABYSS

Français

Pourquoi devez-vous étudier si dur ? ...Qu'y a-t-il de mal à jouer du piano librement et joyeusement ?
　――のだめカンタービレ（フランス語翻訳）

任意

サンプルテキスト

Noto Sans CJK JP

使用

Adobe Fonts（提供はGoogle） Noto Sans CJK JP
font-weight : 300

日本語

田子の浦にうちいでて見れば白たへの富士の高嶺に雪は降りつつ
　――小倉百人一首
六世紀の永きを投げ打ちお前の家を呪う意思の、その持ち主を想像する脳も無いのか。
　――ラヴクラフト『錬金術師』
こうなると、いくら賢い方でも、いっそ深い夜に眠るのを禁じてくれればと願うしか。
　――ラヴクラフト『ニャルラトホテプ』

見分け

連続ダッシュ（８つ） => ――――――――
ダッシュ：漢数字いち：促音 => ―一ー
大文字アイ：小文字エル：数字いち：縦棒 => Il1|
大文字オー：小文字オー：数字ゼロ（半角）：数字ゼロ（全角） -> Oo0０

ルビ・傍点

絶対零度の剣（エスパーダデルセロアブソルート）
Electrigger 1.25GW（エレクトリッガー ワンポイントトゥウェンティファイブジゴワット）
　――血界戦線

ありえないなんて事はありえない
ありえないなんて事はありえない
ありえないなんて事はありえない
　――鋼の錬金術師

セリフ・記号

「いい！！！キミ すごくいいよ！！！その瞳（め）！！その表情（かお）！！その心意気！！ああ今すぐキミを壊したい…」
「そんな目で見つめるなよ♠興奮しちゃうじゃないか…♥」
　――HUNTER×HUNTER

English

I, who stand in the full light of the heavens, command thee, who opens the gates of hell. Come forth, divine lightning! This ends now!
Indignation!!
　――TALES OF THE ABYSS

Français

Pourquoi devez-vous étudier si dur ? ...Qu'y a-t-il de mal à jouer du piano librement et joyeusement ?
　――のだめカンタービレ（フランス語翻訳）

任意

サンプルテキスト

メイリオ

使用

デフォルト

日本語

田子の浦にうちいでて見れば白たへの富士の高嶺に雪は降りつつ
　――小倉百人一首
六世紀の永きを投げ打ちお前の家を呪う意思の、その持ち主を想像する脳も無いのか。
　――ラヴクラフト『錬金術師』
こうなると、いくら賢い方でも、いっそ深い夜に眠るのを禁じてくれればと願うしか。
　――ラヴクラフト『ニャルラトホテプ』

見分け

連続ダッシュ（８つ） => ――――――――
ダッシュ：漢数字いち：促音 => ―一ー
大文字アイ：小文字エル：数字いち：縦棒 => Il1|
大文字オー：小文字オー：数字ゼロ（半角）：数字ゼロ（全角） -> Oo0０

ルビ・傍点

絶対零度の剣（エスパーダデルセロアブソルート）
Electrigger 1.25GW（エレクトリッガー ワンポイントトゥウェンティファイブジゴワット）
　――血界戦線

ありえないなんて事はありえない
ありえないなんて事はありえない
ありえないなんて事はありえない
　――鋼の錬金術師

セリフ・記号

「いい！！！キミ すごくいいよ！！！その瞳（め）！！その表情（かお）！！その心意気！！ああ今すぐキミを壊したい…」
「そんな目で見つめるなよ♠興奮しちゃうじゃないか…♥」
　――HUNTER×HUNTER

English

I, who stand in the full light of the heavens, command thee, who opens the gates of hell. Come forth, divine lightning! This ends now!
Indignation!!
　――TALES OF THE ABYSS

Français

Pourquoi devez-vous étudier si dur ? ...Qu'y a-t-il de mal à jouer du piano librement et joyeusement ?
　――のだめカンタービレ（フランス語翻訳）

任意

サンプルテキスト

游ゴシック

使用

デフォルト
font-weight : 500

日本語

田子の浦にうちいでて見れば白たへの富士の高嶺に雪は降りつつ
　――小倉百人一首
六世紀の永きを投げ打ちお前の家を呪う意思の、その持ち主を想像する脳も無いのか。
　――ラヴクラフト『錬金術師』
こうなると、いくら賢い方でも、いっそ深い夜に眠るのを禁じてくれればと願うしか。
　――ラヴクラフト『ニャルラトホテプ』

見分け

連続ダッシュ（８つ） => ――――――――
ダッシュ：漢数字いち：促音 => ―一ー
大文字アイ：小文字エル：数字いち：縦棒 => Il1|
大文字オー：小文字オー：数字ゼロ（半角）：数字ゼロ（全角） -> Oo0０

ルビ・傍点

絶対零度の剣（エスパーダデルセロアブソルート）
Electrigger 1.25GW（エレクトリッガー ワンポイントトゥウェンティファイブジゴワット）
　――血界戦線

ありえないなんて事はありえない
ありえないなんて事はありえない
ありえないなんて事はありえない
　――鋼の錬金術師

セリフ・記号

「いい！！！キミ すごくいいよ！！！その瞳（め）！！その表情（かお）！！その心意気！！ああ今すぐキミを壊したい…」
「そんな目で見つめるなよ♠興奮しちゃうじゃないか…♥」
　――HUNTER×HUNTER

English

I, who stand in the full light of the heavens, command thee, who opens the gates of hell. Come forth, divine lightning! This ends now!
Indignation!!
　――TALES OF THE ABYSS

Français

Pourquoi devez-vous étudier si dur ? ...Qu'y a-t-il de mal à jouer du piano librement et joyeusement ?
　――のだめカンタービレ（フランス語翻訳）

任意

サンプルテキスト

游ゴシック体

使用

Adobe Fonts（モリサワ） 游ゴシック体
font-weight : 400

日本語

田子の浦にうちいでて見れば白たへの富士の高嶺に雪は降りつつ
　――小倉百人一首
六世紀の永きを投げ打ちお前の家を呪う意思の、その持ち主を想像する脳も無いのか。
　――ラヴクラフト『錬金術師』
こうなると、いくら賢い方でも、いっそ深い夜に眠るのを禁じてくれればと願うしか。
　――ラヴクラフト『ニャルラトホテプ』

見分け

連続ダッシュ（８つ） => ――――――――
ダッシュ：漢数字いち：促音 => ―一ー
大文字アイ：小文字エル：数字いち：縦棒 => Il1|
大文字オー：小文字オー：数字ゼロ（半角）：数字ゼロ（全角） -> Oo0０

ルビ・傍点

絶対零度の剣（エスパーダデルセロアブソルート）
Electrigger 1.25GW（エレクトリッガー ワンポイントトゥウェンティファイブジゴワット）
　――血界戦線

ありえないなんて事はありえない
ありえないなんて事はありえない
ありえないなんて事はありえない
　――鋼の錬金術師

セリフ・記号

「いい！！！キミ すごくいいよ！！！その瞳（め）！！その表情（かお）！！その心意気！！ああ今すぐキミを壊したい…」
「そんな目で見つめるなよ♠興奮しちゃうじゃないか…♥」
　――HUNTER×HUNTER

English

I, who stand in the full light of the heavens, command thee, who opens the gates of hell. Come forth, divine lightning! This ends now!
Indignation!!
　――TALES OF THE ABYSS

Français

Pourquoi devez-vous étudier si dur ? ...Qu'y a-t-il de mal à jouer du piano librement et joyeusement ?
　――のだめカンタービレ（フランス語翻訳）

任意

サンプルテキスト

FOT-UD角ゴ_スモール Pr6N

使用

Adobe Fonts（フォントワークス） FOT-UD角ゴ_スモール Pr6N
font-weight : 400

日本語

田子の浦にうちいでて見れば白たへの富士の高嶺に雪は降りつつ
　――小倉百人一首
六世紀の永きを投げ打ちお前の家を呪う意思の、その持ち主を想像する脳も無いのか。
　――ラヴクラフト『錬金術師』
こうなると、いくら賢い方でも、いっそ深い夜に眠るのを禁じてくれればと願うしか。
　――ラヴクラフト『ニャルラトホテプ』

見分け

連続ダッシュ（８つ） => ――――――――
ダッシュ：漢数字いち：促音 => ―一ー
大文字アイ：小文字エル：数字いち：縦棒 => Il1|
大文字オー：小文字オー：数字ゼロ（半角）：数字ゼロ（全角） -> Oo0０

ルビ・傍点

絶対零度の剣（エスパーダデルセロアブソルート）
Electrigger 1.25GW（エレクトリッガー ワンポイントトゥウェンティファイブジゴワット）
　――血界戦線

ありえないなんて事はありえない
ありえないなんて事はありえない
ありえないなんて事はありえない
　――鋼の錬金術師

セリフ・記号

「いい！！！キミ すごくいいよ！！！その瞳（め）！！その表情（かお）！！その心意気！！ああ今すぐキミを壊したい…」
「そんな目で見つめるなよ♠興奮しちゃうじゃないか…♥」
　――HUNTER×HUNTER

English

I, who stand in the full light of the heavens, command thee, who opens the gates of hell. Come forth, divine lightning! This ends now!
Indignation!!
　――TALES OF THE ABYSS

Français

Pourquoi devez-vous étudier si dur ? ...Qu'y a-t-il de mal à jouer du piano librement et joyeusement ?
　――のだめカンタービレ（フランス語翻訳）

任意

サンプルテキスト

UDデジタル教科書体

使用

Adobe Fonts（モリサワ） UDデジタル教科書体
font-weight : 400

日本語

田子の浦にうちいでて見れば白たへの富士の高嶺に雪は降りつつ
　――小倉百人一首
六世紀の永きを投げ打ちお前の家を呪う意思の、その持ち主を想像する脳も無いのか。
　――ラヴクラフト『錬金術師』
こうなると、いくら賢い方でも、いっそ深い夜に眠るのを禁じてくれればと願うしか。
　――ラヴクラフト『ニャルラトホテプ』

見分け

連続ダッシュ（８つ） => ――――――――
ダッシュ：漢数字いち：促音 => ―一ー
大文字アイ：小文字エル：数字いち：縦棒 => Il1|
大文字オー：小文字オー：数字ゼロ（半角）：数字ゼロ（全角） -> Oo0０

ルビ・傍点

絶対零度の剣（エスパーダデルセロアブソルート）
Electrigger 1.25GW（エレクトリッガー ワンポイントトゥウェンティファイブジゴワット）
　――血界戦線

ありえないなんて事はありえない
ありえないなんて事はありえない
ありえないなんて事はありえない
　――鋼の錬金術師

セリフ・記号

「いい！！！キミ すごくいいよ！！！その瞳（め）！！その表情（かお）！！その心意気！！ああ今すぐキミを壊したい…」
「そんな目で見つめるなよ♠興奮しちゃうじゃないか…♥」
　――HUNTER×HUNTER

English

I, who stand in the full light of the heavens, command thee, who opens the gates of hell. Come forth, divine lightning! This ends now!
Indignation!!
　――TALES OF THE ABYSS

Français

Pourquoi devez-vous étudier si dur ? ...Qu'y a-t-il de mal à jouer du piano librement et joyeusement ?
　――のだめカンタービレ（フランス語翻訳）

任意

サンプルテキスト

小塚ゴシック Pro

使用

Adobe Fonts（Adobe Originals） 小塚ゴシック Pro
font-weight : 300

日本語

田子の浦にうちいでて見れば白たへの富士の高嶺に雪は降りつつ
　――小倉百人一首
六世紀の永きを投げ打ちお前の家を呪う意思の、その持ち主を想像する脳も無いのか。
　――ラヴクラフト『錬金術師』
こうなると、いくら賢い方でも、いっそ深い夜に眠るのを禁じてくれればと願うしか。
　――ラヴクラフト『ニャルラトホテプ』

見分け

連続ダッシュ（８つ） => ――――――――
ダッシュ：漢数字いち：促音 => ―一ー
大文字アイ：小文字エル：数字いち：縦棒 => Il1|
大文字オー：小文字オー：数字ゼロ（半角）：数字ゼロ（全角） -> Oo0０

ルビ・傍点

絶対零度の剣（エスパーダデルセロアブソルート）
Electrigger 1.25GW（エレクトリッガー ワンポイントトゥウェンティファイブジゴワット）
　――血界戦線

ありえないなんて事はありえない
ありえないなんて事はありえない
ありえないなんて事はありえない
　――鋼の錬金術師

セリフ・記号

「いい！！！キミ すごくいいよ！！！その瞳（め）！！その表情（かお）！！その心意気！！ああ今すぐキミを壊したい…」
「そんな目で見つめるなよ♠興奮しちゃうじゃないか…♥」
　――HUNTER×HUNTER

English

I, who stand in the full light of the heavens, command thee, who opens the gates of hell. Come forth, divine lightning! This ends now!
Indignation!!
　――TALES OF THE ABYSS

Français

Pourquoi devez-vous étudier si dur ? ...Qu'y a-t-il de mal à jouer du piano librement et joyeusement ?
　――のだめカンタービレ（フランス語翻訳）

任意

サンプルテキスト

A-OTF UD黎ミン Pr6N

使用

Adobe Fonts（モリサワ） A-OTF UD黎ミン Pr6N
font-weight : 300

日本語

田子の浦にうちいでて見れば白たへの富士の高嶺に雪は降りつつ
　――小倉百人一首
六世紀の永きを投げ打ちお前の家を呪う意思の、その持ち主を想像する脳も無いのか。
　――ラヴクラフト『錬金術師』
こうなると、いくら賢い方でも、いっそ深い夜に眠るのを禁じてくれればと願うしか。
　――ラヴクラフト『ニャルラトホテプ』

見分け

連続ダッシュ（８つ） => ――――――――
ダッシュ：漢数字いち：促音 => ―一ー
大文字アイ：小文字エル：数字いち：縦棒 => Il1|
大文字オー：小文字オー：数字ゼロ（半角）：数字ゼロ（全角） -> Oo0０

ルビ・傍点

絶対零度の剣（エスパーダデルセロアブソルート）
Electrigger 1.25GW（エレクトリッガー ワンポイントトゥウェンティファイブジゴワット）
　――血界戦線

ありえないなんて事はありえない
ありえないなんて事はありえない
ありえないなんて事はありえない
　――鋼の錬金術師

セリフ・記号

「いい！！！キミ すごくいいよ！！！その瞳（め）！！その表情（かお）！！その心意気！！ああ今すぐキミを壊したい…」
「そんな目で見つめるなよ♠興奮しちゃうじゃないか…♥」
　――HUNTER×HUNTER

English

I, who stand in the full light of the heavens, command thee, who opens the gates of hell. Come forth, divine lightning! This ends now!
Indignation!!
　――TALES OF THE ABYSS

Français

Pourquoi devez-vous étudier si dur ? ...Qu'y a-t-il de mal à jouer du piano librement et joyeusement ?
　――のだめカンタービレ（フランス語翻訳）

任意

サンプルテキスト

源ノ明朝

使用

Adobe Fonts（Adobe Originals） 源ノ明朝
font-weight : 300

日本語

田子の浦にうちいでて見れば白たへの富士の高嶺に雪は降りつつ
　――小倉百人一首
六世紀の永きを投げ打ちお前の家を呪う意思の、その持ち主を想像する脳も無いのか。
　――ラヴクラフト『錬金術師』
こうなると、いくら賢い方でも、いっそ深い夜に眠るのを禁じてくれればと願うしか。
　――ラヴクラフト『ニャルラトホテプ』

見分け

連続ダッシュ（８つ） => ――――――――
ダッシュ：漢数字いち：促音 => ―一ー
大文字アイ：小文字エル：数字いち：縦棒 => Il1|
大文字オー：小文字オー：数字ゼロ（半角）：数字ゼロ（全角） -> Oo0０

ルビ・傍点

絶対零度の剣（エスパーダデルセロアブソルート）
Electrigger 1.25GW（エレクトリッガー ワンポイントトゥウェンティファイブジゴワット）
　――血界戦線

ありえないなんて事はありえない
ありえないなんて事はありえない
ありえないなんて事はありえない
　――鋼の錬金術師

セリフ・記号

「いい！！！キミ すごくいいよ！！！その瞳（め）！！その表情（かお）！！その心意気！！ああ今すぐキミを壊したい…」
「そんな目で見つめるなよ♠興奮しちゃうじゃないか…♥」
　――HUNTER×HUNTER

English

I, who stand in the full light of the heavens, command thee, who opens the gates of hell. Come forth, divine lightning! This ends now!
Indignation!!
　――TALES OF THE ABYSS

Français

Pourquoi devez-vous étudier si dur ? ...Qu'y a-t-il de mal à jouer du piano librement et joyeusement ?
　――のだめカンタービレ（フランス語翻訳）

任意

サンプルテキスト

Klee One

使用

Adobe Fonts（フォントワークス） Klee One
font-weight : 400

日本語

田子の浦にうちいでて見れば白たへの富士の高嶺に雪は降りつつ
　――小倉百人一首
六世紀の永きを投げ打ちお前の家を呪う意思の、その持ち主を想像する脳も無いのか。
　――ラヴクラフト『錬金術師』
こうなると、いくら賢い方でも、いっそ深い夜に眠るのを禁じてくれればと願うしか。
　――ラヴクラフト『ニャルラトホテプ』

見分け

連続ダッシュ（８つ） => ――――――――
ダッシュ：漢数字いち：促音 => ―一ー
大文字アイ：小文字エル：数字いち：縦棒 => Il1|
大文字オー：小文字オー：数字ゼロ（半角）：数字ゼロ（全角） -> Oo0０

ルビ・傍点

絶対零度の剣（エスパーダデルセロアブソルート）
Electrigger 1.25GW（エレクトリッガー ワンポイントトゥウェンティファイブジゴワット）
　――血界戦線

ありえないなんて事はありえない
ありえないなんて事はありえない
ありえないなんて事はありえない
　――鋼の錬金術師

セリフ・記号

「いい！！！キミ すごくいいよ！！！その瞳（め）！！その表情（かお）！！その心意気！！ああ今すぐキミを壊したい…」
「そんな目で見つめるなよ♠興奮しちゃうじゃないか…♥」
　――HUNTER×HUNTER

English

I, who stand in the full light of the heavens, command thee, who opens the gates of hell. Come forth, divine lightning! This ends now!
Indignation!!
　――TALES OF THE ABYSS

Français

Pourquoi devez-vous étudier si dur ? ...Qu'y a-t-il de mal à jouer du piano librement et joyeusement ?
　――のだめカンタービレ（フランス語翻訳）

任意

サンプルテキスト

余談

Google Fontsはアカウント登録なく手軽に使えるメリットが有る一方、フォント変更や追加のたびにcssへimportし直しか、headへlink追加をし直す必要が出てきます。
cssの修正だけで済むならいいのですが、headに追加しているタイプだと全ページ貼り直しの手間が発生します。
phpとかでパーツ共通化してるなら楽なんだけどね…他にもなにかいい方法あるかもしれないけども
一方Adobe Fontsの場合、日本語フォントはheadへscriptタグを追加することになります。詳細は公式サイトや他解説サイトをご覧になっていただきたいのですが、同一のWebプロジェクト内であればフォント変更がやりやすいです。使ってみてる感じだとscriptタグの修正などはいらなそう。
Adobeを有料契約してる人は使い放題だけど、無料だと使えるフォントの種類が限られてくるので注意が必要。またフォントを使えるようにすることをアクティベート、使用しないようにするのをディアクティベートというのですが、無料版だと半年ほどで自動でディアクティベートになるそうです。アクティベートすればまた使えるそうなのですが、まあ面倒だよねってのはある。
とはいえAdobeは使わない人にとっては高すぎるので、無料かつ楽なのはGoogle Fontsになるかな。