移行作業中です...

はてなブログの該当ページへリダイレクトします。お手数をおかけします。ご容赦ください。

Linux 系フォントの表示テスト

はてなブックマーク

目次

  1. Windows 標準
  2. Sans-serif, プロポーショナル・ゴシック系
  3. Serif, プロポーショナル・明朝、etc
  4. Monospace, 等幅
  5. 青柳衡山 - 毛筆フォント
  6. AA表示
  7. 表示テスト
  8. ブックマークレット
  9. 備考

表示テストの項目については下記の通りです。

表示テストの項目
font-family\ゼロオーアイ小文字エルQWindows濁点あいうえお漢字カナ漢字長音漢数字
無指定 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二

Windows 標準

font-family \ ゼロOiIlQWindowsプブあいうえお漢字カ力エ工ロ口ー一ニ二
無指定 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Sans-serif \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Serif \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Monospace \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
font-family \ ゼロOiIlQWindowsプブあいうえお漢字カ力エ工ロ口ー一ニ二
Sans-serif \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
メイリオ \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Meiryo UI \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
MS Pゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Arial \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Verdana \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Times New Roman \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二

Sans-serif, プロポーショナル・ゴシック系

Sans-serif  IPAフォント / M+ FONTS on Xubuntu 12.04 Firefox28 のスクリーンショット

※ 完全じゃないです。font-family:フォント名,serif と指定してます。指定フォントがない環境及び足りない漢字は(※ 多分)Serif 設定のフォントで表示されます。(※ 欧文フォントのみ指定の場合、和文が何になるかはブラウザにより若干差異がある模様。)

Sans-serif IPAフォント / M+ FONTS
font-family\ゼロOiIlQWindowsプブあいうえお漢字カ力エ工ロ口ー一ニ二
無指定 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Sans-serif \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Takao Pゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
TakaoExゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
IPA Pゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
IPAexゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
IPA モナー Pゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
VL Pゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Migu 1P \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
MigMix 1P \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Koruri Regular \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
UmePlus P Gothic \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
07やさしさゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Komatuna P \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
MMCedar P \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二

Sans-serif etc on linuxBean 12.04 Firefox32のスクリーンショット

※ 完全じゃないです。font-family:フォント名,serif と指定してます。指定フォントがない環境及び足りない漢字は(※ 多分)Serif 設定のフォントで表示されます。(※ 欧文フォントのみ指定の場合、和文が何になるかはブラウザにより若干差異がある模様。)

Sans-serif その他
font-family\ゼロOiIlQWindowsプブあいうえお漢字カ力エ工ロ口ー一ニ二
無指定 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Sans-serif \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
梅Pゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
梅UIゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Mona \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Monapo \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
ぬかみそ \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
さざなみゴシック(等幅) \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Bitstream Vera Sans \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Droid Sans \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Droid Sans Japanese \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Droid Sans Fallback \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
源真ゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
源柔ゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Mgen+ 1p \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Rounded Mgen+ 1p \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Nasu \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二

Serif, プロポーショナル・明朝、etc

Serif on Xubuntu 12.04 Firefox28 のスクリーンショット

※ 完全じゃないです。font-family:フォント名,sans-serif と指定してます。指定フォントがない環境及び足りない漢字は(※ 多分)標準設定のフォントで表示されます。(※ 欧文フォントのみ指定の場合、和文が何になるかはブラウザにより若干差異がある模様。)

font-family \ ゼロOiIlQWindowsプブあいうえお漢字カ力エ工ロ口ー一ニ二
無指定 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Serif \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Takao P明朝 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
TakaoEx明朝 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
IPA P明朝 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
IPA モナー P明朝 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
IPAex明朝 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
IPAmj明朝 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
梅P明朝 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
梅明朝(等幅) \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
さざなみ明朝(等幅) \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Bitstream Vera Serif \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Droid Serif \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二

Monospace, 等幅

monospace IPAフォント / M+ FONTS on Xubuntu 12.04 Firefox28 のスクリーンショット

※ 完全じゃないです。font-family:フォント名,serif, または font-family:フォント名,sans-serif と指定してます。指定フォントがない環境及び足りない漢字は(※ 多分)Serif, または sans-serif 設定のフォントで表示されます。

Monospace IPAフォント / M+ FONTS
font-family \ ゼロOiIlQWindowsプブあいうえお漢字カ力エ工ロ口ー一ニ二
無指定 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Monospace \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Takaoゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
IPAゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
VL ゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Migu 1M \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
MigMix 1M \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Komatuna \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
UmePlus Gothic \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
IPA モナー ゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
MMCedar \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Takao明朝 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
IPA明朝 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
IPA モナー 明朝 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二

monospace その他 on linuxBean 12.04 Firefox33 のスクリーンショット

※ 完全じゃないです。font-family:フォント名,serif, または font-family:フォント名,sans-serif と指定してます。指定フォントがない環境及び足りない漢字は(※ 多分)Serif, または sans-serif 設定のフォントで表示されます。

Monospace その他
font-family \ ゼロOiIlQWindowsプブあいうえお漢字カ力エ工ロ口ー一ニ二
無指定 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Monospace \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
さざなみゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
梅ゴシック \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
モトヤLシーダ3等幅 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
モトヤLマルベリ3等幅 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Bitstream Vera Sans Mono \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Droid Sans Mono \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Ricty \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Ricty Diminished \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Ricty Diminished Discord \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
さざなみ明朝 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
梅明朝 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
源真ゴシック等幅 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
源柔ゴシック等幅 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Mgen+ 1m \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Rounded Mgen+ 1m \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
NasuM \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二

青柳衡山 - 毛筆フォント

青柳衡山 - 毛筆フォント on Xubuntu 12.04 Firefox28 のスクリーンショット

※ 完全じゃないです。font-family:フォント名,serif と指定してます。指定フォントがない環境及び足りない漢字は(※ 多分)Serif 設定のフォントで表示されます。

font-family \ ゼロOiIlQWindowsプブあいうえお漢字カ力エ工ロ口ー一ニ二
無指定 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
Sans-serif \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
fantasy \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
cursive \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
衡山毛筆フォント \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
衡山毛筆フォント行書 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
衡山毛筆フォント草書 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
青柳衡山フォントT \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
青柳疎石フォント2 \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
青柳隷書SIMO2_T \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二
青柳隷書SIMO2_O \ 0 O iI l Q Windows プブ あいうえお 葛噌一二三語漢字片 カ力エ工ロ口ー一ニ二

AA表示

.kuma {
white-space: pre !important;
margin: 3% auto 3% auto;
padding: 0.5em;
font-family: 'MS Pゴシック',Monapo,'IPA モナー Pゴシック',IPAMonaPGothic,Mona,sans-serif;
line-height: 110%;
letter-spacing: 0px;
font-size: 0.8em;
background-color: #f1f1f1;
border-style: solid;
border-width: 3px;
border-color: #fff #ccc #ccc #fff;
overflow: auto;
width: 90%;
}

Wikipedia によりますと下記がCSS推奨設定の模様であります。

font-family:IPAMonaPGothic,'IPA モナー Pゴシック',Monapo,Mona,'MS PGothic','MS Pゴシック',sans-serif;
font-size:16px;
line-height:18px;
アスキーアート - Wikipedia

MS Pゴシック on Windows 7 IE11 のスクリーンショット

Monapo on Xubuntu 12.04 Firefox26 のスクリーンショット

Mona on Xubuntu 12.04 Firefox26 のスクリーンショット

IPA モナー Pゴシック on Xubuntu 12.04 Firefox26 のスクリーンショット

IPA モナー P明朝 on Xubuntu 12.04 Firefox26 のスクリーンショット

/ ̄ ̄ ̄ ̄ ̄\ |  マイヤヒー♪ |           / ̄ ̄ ̄ ̄ ̄\ \___   __/          |  マイヤフー♪ | / ̄ ̄ ̄ ̄ ̄\      ∨               \___   __/ |  マイヤホー♪ |                            ∨       \__   ____/    ∩___∩              ∩____∩      ∨    | ノ     ヽ            /       ヽ|  ∩____∩   /  ●   ● |            | ●   ●  ヽ /      ヽ|   |    ( _●_)  ミ         彡   (_●_ )     | ●   ●  ヽ  彡、   |∪|  、`\        /     |∪|    彡  (_●_)    | / __  ヽノ /´>  )      (  <   ヽ ノ   /    |∪|    ミ (___)   / (_/         \_ )      (  <   ヽ ノ     ヽ

表示テスト

JavaScript 初心者なので内容未保証ですけど...

表示テスト - Sans-serif

表示テスト
Sans-serif \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
Serif \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
monospace \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
無指定 \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
テスト \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二

0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑

表示テスト - Serif

表示テスト
Sans-serif \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
Serif \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
monospace \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
無指定 \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
テスト \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二

0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑

表示テスト - monospace

表示テスト
Sans-serif \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
Serif \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
monospace \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
無指定 \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
テスト \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二

0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑

表示テスト - 青柳衡山 - 毛筆フォント

表示テスト
Sans-serif \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
Serif \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
monospace \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
無指定 \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二
テスト \ 0 O iI l Q MWayg9~*@ プブ あいうえお 葛噌g埒一三語漢片 カ力エ工ロ口ー一ニ二

0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 \'"~*#$%&@ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!不埒な草g剛、濱、味噌汁。〜カ力エ工ロ口ー一ニ二フプブ ※→↑

ブックマークレット

JavaScript 初心者なので内容未保証ですけど... XPのIE8でも使える筈です。

body要素に適用なのでCSSで指定されてる要素には効きません。

body 要素に style 属性を追記します。

<body style="font-family: '07やさしさゴシック';">
pre 要素に適用

【注意】このページのCSSでは premonospace, 'MS ゴシック', 95% が指定されてます。

※ すべての pre 要素に style 属性を追記します。

<pre style="font-size: 95%; font-family: 'VL ゴシック',monospace;">
葛噌一二三語漢字片 あいうえお 味噌汁
\\ 0 O i I l Q 0123456789 〜カ力エ工ロ口ー一ニ二フプブ
title Avira Rescue System == /rescue-system.iso
ls /rescue-system.iso || find --set-root /rescue-system.iso
map /rescue-system.iso (0xff) || map --mem /rescue-system.iso (0xff)

備考

最終更新日:2015.7.13

2014.01.16 表示テストをちょっと変更。
2014.01.17 pre 要素用のブックマークレット追加。
2014.01.19 スクリーンショットを追加。
2014.01.24 JavaScript をIE8で動く仕様に変更。CSSプロパティを追加。
2014.04.04 YOzFont, 梅Pゴシック梅UIゴシック を追加。
2014.04.06 MigMix 1P, MigMix 1M, UmePlus P Gothic, UmePlus Gothic, Komatuna P, Komatuna,
モトヤLシーダ3等幅, モトヤLマルベリ3等幅, MMCedar, MMCedar P,
みかちゃん-ぷち, みかちゃん-ぷちB, きろ字, きろ字 - B, きろ字 - D, きろ字 - P,
衡山毛筆フォント, 衡山毛筆フォント行書, 衡山毛筆フォント草書, 青柳衡山フォントT, 青柳疎石フォント2, 青柳隷書SIMO2_T, 青柳隷書SIMO2_O 梅P明朝 を追加。
2014.04.10 小瑠璃 (Koruri Regular), ぬかみそ (nukamiso) を追加。
2014.04.19 Droid Sans, Droid Sans Japanese, Droid Sans Fallback, Droid Serif, Droid Sans Mono を追加。
2014.07.31 Ricty, Ricty Diminished, Ricty Diminished Discord を追加。
2014.10.03 源真ゴシック, 源柔ゴシック, Mgen+ 1p, Rounded Mgen+ 1p を追加。
2014.10.20 源真ゴシック等幅, 源柔ゴシック等幅, Mgen+ 1m, Rounded Mgen+ 1m を追加。
2014.10.23 Nasu, NasuM を追加。
2015.07.13 pre 要素用ブックマークレットをちょっと変更。
2015.12.21 「手書き風」を 手書き風フォントの表示テスト へ移動。

ダウンロード・リンク
パッケージ名 (Debian/Ubuntu)

バージョンによっては一部ないものがあるかも。

$ fc-list
# apt-get install ttf-mscorefonts-installer fonts-takao fonts-takao-gothic fonts-takao-mincho fonts-takao-pgothic fonts-ipafont fonts-ipafont-gothic fonts-ipafont-mincho fonts-ipaexfont fonts-ipamj-mincho fonts-vlgothic fonts-mplus fonts-migmix fonts-horai-umefont fonts-umeplus fonts-komatuna fonts-monapo fonts-mona fonts-motoya-l-cedar fonts-motoya-l-maruberi fonts-mmcedar fonts-mikachan fonts-kiloji fonts-yozvox-yozfont fonts-yozvox-yozfont-antique fonts-yozvox-yozfont-cute fonts-yozvox-yozfont-edu fonts-yozvox-yozfont-new-kana fonts-yozvox-yozfont-standard-kana fonts-kouzan-mouhitsu fonts-aoyagi-kouzan-t fonts-aoyagi-soseki