移行作業中です...

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

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

目次

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

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

• font 80% | font 90% | font 100% | font 110% | font 120% | font 150%
• font 80% | font 90% | font 100% | font 110% | font 120% | font 150%

Windows 標準

• line-height : 1 1.5

• line-height : 1 1.5

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

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

• line-height : 1 1.5

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

• line-height : 1 1.5

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

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

• line-height : 1 1.5

Monospace, 等幅

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

• line-height : 1 1.5

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

• line-height : 1 1.5

青柳衡山 - 毛筆フォント

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

• line-height : 1 1.5

AA表示

• アスキーアート - Wikipedia

.kuma {
white-space: pre !important;
margin: 3% auto 3% auto;
padding: 0.5em;
font-family: 'ＭＳ Ｐゴシック',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-size 削除 | 16px | 80% | 100% | 120%
• line-height 削除 | 18px | 1 | 1.1 | 1.2
• letter-spacing 削除 | 0 | 0.5px | 1px
• style削除

• ( font-family 削除 ) inherit | Sans-serif
• ＭＳ Ｐゴシック | Monapo | Mona | IPA モナー Pゴシック | IPA モナー P明朝
• 梅Pゴシック |梅UIゴシック | 梅P明朝 | Textar

表示テスト

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

• ブックマークレット - Wikipedia
• JAVASCRIPT::BOOKMARKLET
• Firefoxでフォントファミリーを変えるブックマークレット - クネアシ

表示テスト - Sans-serif

• font-size 削除 | 80% | 100% | 110% | 120% | 150% | font-style 削除 | normal | italic | oblique
• line-height 削除 | 1 | 1.1 | 1.2 | 1.3 | 1.4 | 1.5 | 2 | letter-spacing 削除 | 0 | 0.5px | 1px | 1.5px | 2px
• font-weight 削除 | lighter | normal | bold | bolder | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
• style削除

• 削除 | inherit ( sans-serif | serif | monospace | cursive | fantasy ) ( monospace, 'ＭＳ ゴシック' | monospace, serif )
• メイリオ | Meiryo UI | ＭＳ Ｐゴシック | MS UI Gothic | ＭＳ Ｐ明朝 | ＭＳ ゴシック | ＭＳ 明朝

• Takao Pゴシック
• TakaoExゴシック
• IPA Pゴシック
• IPAexゴシック

• VL Pゴシック
• Migu 1P
• MigMix 1P
• Koruri
• Koruri Regular

• UmePlus P Gothic
• 07やさしさゴシック
• Komatuna P
• MMCedar P
• nukamiso

• IPA モナー Pゴシック
• Monapo
• Mona
• 梅Pゴシック
• 梅UIゴシック

• 源真ゴシック
• 源柔ゴシック
• Mgen+ 1p
• Rounded Mgen+ 1p
• Nasu

• Droid Sans
• Droid Sans Japanese
• Droid Sans Fallback
• Bitstream Vera Sans

表示テスト - Serif

• font-size 削除 | 80% | 100% | 110% | 120% | 150% | font-style 削除 | normal | italic | oblique
• line-height 削除 | 1 | 1.1 | 1.2 | 1.3 | 1.4 | 1.5 | 2 | letter-spacing 削除 | 0 | 0.5px | 1px | 1.5px | 2px
• font-weight 削除 | lighter | normal | bold | bolder | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
• style削除

• 削除 | inherit ( sans-serif | serif | monospace | cursive | fantasy ) ( monospace, 'ＭＳ ゴシック' | monospace, serif )
• メイリオ | Meiryo UI | ＭＳ Ｐゴシック | MS UI Gothic | ＭＳ Ｐ明朝 | ＭＳ ゴシック | ＭＳ 明朝

• Takao P明朝
• TakaoEx明朝
• 梅P明朝

• IPA P明朝
• IPAex明朝
• IPAmj明朝
• IPA モナー P明朝

• Takao明朝（※等幅）
• IPA明朝（※等幅）
• IPA モナー 明朝（※等幅）

• さざなみ明朝（※等幅）
• 梅明朝（※等幅）
• Droid Serif
• Bitstream Vera Serif

表示テスト - monospace

• font-size 削除 | 80% | 100% | 110% | 120% | 150% | font-style 削除 | normal | italic | oblique
• line-height 削除 | 1 | 1.1 | 1.2 | 1.3 | 1.4 | 1.5 | 2 | letter-spacing 削除 | 0 | 0.5px | 1px | 1.5px | 2px
• font-weight 削除 | lighter | normal | bold | bolder | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
• style削除

• 削除 | inherit ( sans-serif | serif | monospace | cursive | fantasy ) ( monospace, 'ＭＳ ゴシック' | monospace, serif )
• メイリオ | Meiryo UI | ＭＳ Ｐゴシック | MS UI Gothic | ＭＳ Ｐ明朝 | ＭＳ ゴシック | ＭＳ 明朝

• Takaoゴシック
• IPAゴシック
• VL ゴシック
• Migu 1M
• MigMix 1M

• さざなみゴシック
• 梅ゴシック
• Komatuna
• UmePlus Gothic

• モトヤLシーダ3等幅
• モトヤLマルベリ3等幅
• MMCedar
• IPA モナー ゴシック

• Ricty
• Ricty Diminished
• Ricty Diminished Discord
• Droid Sans Mono
• Bitstream Vera Sans Mono

• IPA明朝
• IPA モナー 明朝
• Takao明朝
• さざなみ明朝
• 梅明朝

• 源真ゴシック等幅
• 源柔ゴシック等幅
• Mgen+ 1m
• Rounded Mgen+ 1m
• NasuM

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

• font-size 削除 | 80% | 100% | 110% | 120% | 150% | font-style 削除 | normal | italic | oblique
• line-height 削除 | 1 | 1.1 | 1.2 | 1.3 | 1.4 | 1.5 | 2 | letter-spacing 削除 | 0 | 0.5px | 1px | 1.5px | 2px
• font-weight 削除 | lighter | normal | bold | bolder | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
• style削除

• 削除 | inherit ( sans-serif | serif | monospace | cursive | fantasy ) ( monospace, 'ＭＳ ゴシック' | monospace, serif )
• メイリオ | Meiryo UI | ＭＳ Ｐゴシック | MS UI Gothic | ＭＳ Ｐ明朝 | ＭＳ ゴシック | ＭＳ 明朝

• 衡山毛筆フォント
• 衡山毛筆フォント行書
• 衡山毛筆フォント草書

• 青柳衡山フォントT
• 青柳疎石フォント2

• 青柳隷書SIMO2_T
• 青柳隷書SIMO2_O

ブックマークレット

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

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

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

<body style="font-family: '07やさしさゴシック';">

• (body) style 削除
• inherit ( sans-serif | serif | monospace | cursive | fantasy ) ( monospace, 'ＭＳ ゴシック' | monospace, serif )

• Takao Pゴシック
• TakaoExゴシック
• IPA Pゴシック
• IPAexゴシック

• VL Pゴシック
• Migu 1P
• MigMix 1P
• Koruri Regular
• Koruri Light
• UmePlus P Gothic
• 07やさしさゴシック
• Komatuna P
• MMCedar P

• IPA モナー Pゴシック
• Monapo
• Mona
• 梅Pゴシック
• 梅UIゴシック
• ぬかみそ
• Droid Sans
• Droid Sans Japanese
• Droid Sans Fallback
• Bitstream Vera Sans

• 源真ゴシック
• 源柔ゴシック
• Mgen+ 1p
• Rounded Mgen+ 1p
• Nasu

• Takao P明朝
• TakaoEx明朝
• IPA P明朝
• IPAex明朝
• IPAmj明朝
• IPA モナー P明朝
• 梅P明朝

• IPA明朝（※等幅）
• IPA モナー 明朝（※等幅）
• Takao明朝（※等幅）
• さざなみ明朝（※等幅）
• 梅明朝（※等幅）
• Droid Serif
• Bitstream Vera Serif

• Takaoゴシック
• IPAゴシック
• VL ゴシック
• Migu 1M
• MigMix 1M
• Komatuna
• UmePlus Gothic
• Ricty
• Ricty Diminished
• Ricty Diminished Discord

• さざなみゴシック
• 梅ゴシック
• IPA モナー ゴシック
• モトヤLシーダ3等幅
• モトヤLマルベリ3等幅
• MMCedar
• Droid Sans Mono
• Bitstream Vera Sans Mono

• 源真ゴシック等幅
• 源柔ゴシック等幅
• Mgen+ 1m
• Rounded Mgen+ 1m
• NasuM

• 衡山毛筆フォント
• 衡山毛筆フォント行書
• 衡山毛筆フォント草書
• 青柳衡山フォントT
• 青柳疎石フォント2
• 青柳隷書SIMO2_T
• 青柳隷書SIMO2_O

• font 80%
• font 100%
• font 120%
• font 150%

• font 12px
• font 14px
• font 15px
• font 16px
• font 18px

• ほのか丸ゴシック
• ほのか明朝

pre 要素に適用

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

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

<pre style="font-size: 95%; font-family: 'VL ゴシック',monospace;">

• (pre) font 80% | (pre) font 90% | (pre) font 95% | (pre) font 100% | (pre) font 120%

葛噌一二三語漢字片 あいうえお 味噌汁
\\ 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)

• (pre) style 削除 | (pre) monospace | (pre) inherit
• Chrome, Safari - (pre) monospace, 'ＭＳ ゴシック' | (pre) monospace, serif

• (pre) Takaoゴシック
• (pre) IPAゴシック
• (pre) VL ゴシック
• (pre) Migu 1M
• (pre) MigMix 1M
• (pre) Komatuna
• (pre) UmePlus Gothic

• (pre) さざなみゴシック
• (pre) 梅ゴシック
• (pre) IPA モナー ゴシック
• (pre) モトヤLシーダ3等幅
• (pre) モトヤLマルベリ3等幅
• (pre) MMCedar
• (pre) Droid Sans Mono
• (pre) Bitstream Vera Sans Mono

• (pre) 源真ゴシック等幅
• (pre) 源柔ゴシック等幅
• (pre) Mgen+ 1m
• (pre) Rounded Mgen+ 1m
• (pre) NasuM

• (pre) Takao明朝
• (pre) IPA明朝
• (pre) IPA モナー 明朝
• (pre) さざなみ明朝
• (pre) 梅明朝

• (pre) Rounded M+ 1m bold
• (pre) Rounded M+ 1m light
• (pre) Rounded M+ 1m medium
• (pre) Rounded M+ 1m regular
• (pre) Rounded M+ 1m thin

備考

最終更新日：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+ 1ｍ, Rounded Mgen+ 1m を追加。
2014.10.23 Nasu, NasuM を追加。
2015.07.13 pre 要素用ブックマークレットをちょっと変更。
2015.12.21 「手書き風」を 手書き風フォントの表示テスト へ移動。

ダウンロード・リンク

• Droid フォント, モトヤLシーダ3等幅 (MTLc3m), モトヤLマルベリ3等幅 (MTLmr3m) - Download Android Studio and SDK Tools | Android Developers
  • platform_frameworks_base/data/fonts at master ・ android/platform_frameworks_base ・ GitHub

• IPAフォント
  • IPAexフォント/IPAフォント
  • IPAmj明朝フォント | 文字情報基盤整備事業
  • Takao Fonts in Launchpad

• M+ フォント系
  • MigMixフォント : M+とIPAの合成フォント
  • Miguフォント : M+とIPAの合成フォント
  • VLゴシックフォントファミリ
  • フリーフォントやさしさゴシックのダウンロード | フォントな。無料日本語フリーフォント
  • Koruri (コルリ) プロジェクト日本語トップページ - SourceForge.JP
  • UmePlus, Komatuna, MMCedar - modified_fonts_01

• Bitstream Vera Fonts README
• efont プロジェクト日本語トップページ - SourceForge.JP（さざなみフォント）
• Ume-font プロジェクト日本語トップページ - SourceForge.JP
• ぬかみそフォント - ダウンロード（β-reverse - 64DDポリゴンサイト）

• モナーフォント
  • IPAモナーフォント
  • Mona Font, a Japanese font for text arts | Get Mona Font, a Japanese font for text arts at SourceForge.net
  • Monopo - modified_fonts_01

• 自家製フォント工房
  • 源真ゴシック (げんしんゴシック) | 自家製フォント工房
  • 源柔ゴシック (げんじゅうゴシック) | 自家製フォント工房
  • Mgen+ (ムゲンプラス) | 自家製フォント工房
  • Rounded Mgen+ (ラウンデッド ムゲンプラス) | 自家製フォント工房

• Nasuフォント ： 見た目が似ている文字を判別しやすくするフリーフォント - itouhiroはてなブログ

• 青柳衡山フォント
  • 衡山毛筆フォント
  • 衡山毛筆フォント行書
  • 衡山毛筆フォント草書
  • 青柳衡山フォントT
  • 青柳疎石フォント
  • 青柳隷書しも

パッケージ名 (Debian/Ubuntu)

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

• 私的めも - インストールフォント一覧

$ fc-list

• Microsoft TrueType core fonts
  • ttf-mscorefonts-installer - Arial, Times New Roman, Verdana など Microsoft core fonts のインストーラー
• Takaoフォント
  • fonts-takao
  • fonts-takao-gothic
  • fonts-takao-mincho
  • fonts-takao-pgothic
• IPAフォント
  • fonts-ipafont
  • fonts-ipafont-gothic
  • fonts-ipafont-mincho
  • fonts-ipaexfont
  • fonts-ipamj-mincho
• fonts-vlgothic - VLゴシック
• fonts-mplus - M+フォント
• fonts-migmix - MigMix フォント
• fonts-horai-umefont - 梅フォント
• fonts-umeplus - UmePlus
• fonts-komatuna - Komatunaフォント
• fonts-monapo - monapo
• fonts-mona - Mona
• モトヤフォント
  • fonts-motoya-l-cedar - モトヤLシーダ3等幅
  • fonts-motoya-l-maruberi - モトヤLマルベリ3等幅
  • fonts-mmcedar - MMCedar
• fonts-mikachan - みかちゃん
• fonts-kiloji - きろ字
• YOzFont
  • 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 - 青柳衡山フォントT
  • fonts-aoyagi-soseki - 青柳疎石フォント2

• 私的めも - 一括インストール

# 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