移行作業中です...

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

M+ OUTLINE FONTS の派生フォントいろいろ

Tweet 　TOPSY

目次

1. これって何？
2. プロポーショナル
3. 等幅
4. Minoriフォント
5. Mgen+ / Rounded Mgen+
6. 表示テスト
   • 表示テスト - プロポーショナル
   • 表示テスト - 等幅
   • 表示テスト - Mgen+ / Rounded Mgen+
7. ブックマークレット
8. 備考

これって何？

• M+ OUTLINE FONTS

• M+ FONTS - Wikipedia

Linux ユーザーならおなじみ、フリーソフトウェアで読みやすい日本語フォントです。メイリオにアンチエイリアスをかけたような見栄えですな。ただ、開発途上の様で現時点では漢字が少な目なので他のフォントと合成した派生フォントがたくさん配布されているのであります。

M+ 単体の収録漢字は、教育漢字、常用漢字、第1水準漢字まですべて、第2水準漢字が制作途中の模様です。

いっぱいあるんで微妙な違いを確認しやすいようにまとめつつ書いてみるです。

• 日本語フォントの比較 - Wikipedia

• 自家製 Rounded M+ (ラウンデッド エムプラス) | 自家製フォント工房
• Koruri - Japanese TrueType font
• MigMixフォント : M+とIPAの合成フォント
• Miguフォント : M+とIPAの合成フォント
• MoboGothic おすすめフォント (Y.Oz Vox)
• フリーフォントやさしさゴシックのダウンロード | フォントな。無料日本語フリーフォント
  • やさしさゴシック手書きのフリーダウンロード | フォントな自由｜日本語フリーフォント無料ダウンロード
• VL Gothic Font Family
• UmePlus, Komatuna, MMCedar - modified_fonts_01 (LinuxPlayers)
• 自作フォント作成(丸ゴシックフォント:Minoriフォント) | Takahiro_Chouの日記 | スラッシュドット・ジャパン
• Mgen+ (ムゲンプラス) | 自家製フォント工房
• Rounded Mgen+ (ラウンデッド ムゲンプラス) | 自家製フォント工房

• Rounded M+ = M+を丸ゴシック化 （※ 漢字少な目）、漢字はM+のみ（※ 第1水準すべて、第2水準の一部の 4,800 字）
• Koruri = M+ と Open Sans、漢字はM+のみ？

• MigMix = M+ とIPAゴシック、第1水準〜第4水準
• Migu = M+ とIPAゴシック、第1水準〜第4水準（※ JIS2004対応）

• MoboGothic = M+ とIPAゴシック、JIS2004 の第3水準〜第4水準すべて（JIS2004 版もあり）
• やさしさゴシック = M+ とIPAゴシックと独自かな、第1水準、第2水準

• VL ゴシック = M+ と さざなみゴシック, etc、約 6500 字？
• UmePlus Gothic = M+ と 梅フォント、？（※ JIS2004対応）
• Komatuna = M+ と　小夏フォント、？
• MMCedar = M+ と Motoya L Cedar、？
• Minori = 自家製 Rounded M+ と　ぬかみそフォント、？（※ JIS2004版もあり）

• Mgen+ = M+ と Source Han Sans（源ノ角ゴシック）、約14000文字以上(第1〜4水準すべて)（※ JIS2004対応）
• Rounded Mgen+ = 自家製 Rounded M+ と Source Han Sans（源ノ角ゴシック）、約14000文字以上(第1〜4水準すべて)（※ JIS2004対応）

行間の比較

画面縦900px/秀丸エディタ/11px/行間0 での行数を調べてみました。

• 45行 = MoboGothic, UmePlus Gothic （ＭＳ ゴシック）
• 42行 = Migu 1M, Migu 2M
• 35行 = VL ゴシック
• 32行 = Rounded M+, MigMix, MMCedar, Komatuna, Mgen+, Rounded Mgen+, Minori

行間が空いてる方が読みやすいですが、画面上の表示行数は少なくなります。（※ 秀丸では行間を増やすことは可能）

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

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

プロポーショナル

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

• line-height : 1 1.5

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

• line-height : 1 1.5

等幅

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

• line-height : 1 1.5

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

• line-height : 1 1.5

Minoriフォント

• 0 = Rounded M+1 と ぬかみそフォントの仮名漢字
• 1 = Rounded M+1 と ぬかみそフォントの漢字
• 2 = Rounded M+2 と ぬかみそフォントの漢字
• P = Rounded M+1P または Rounded M+2Pベース
• C = Rounded M+1C または Rounded M+2Cベース

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

• line-height : 1 1.5

• line-height : 1 1.5

• 0 = Rounded M+1 と ぬかみそフォントの仮名漢字
• 1 = Rounded M+1 と ぬかみそフォントの漢字
• 2 = Rounded M+2 と ぬかみそフォントの漢字
• M = Rounded M+1M または Rounded M+2Mベース
• MN = Rounded M+1MNベース

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

• line-height : 1 1.5

• line-height : 1 1.5

Mgen+ / Rounded Mgen+

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

• 各フォントファミリーの違いについて - Mgen+ (ムゲンプラス) | 自家製フォント工房
• 各フォントファミリーの違いについて - Rounded Mgen+ (ラウンデッド ムゲンプラス) | 自家製フォント工房

• line-height : 1 1.5

• line-height : 1 1.5

• line-height : 1 1.5

表示テスト

表示テスト - プロポーショナル

• 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
• color 削除 | black | #595959 | white | background-color 削除 | white | #ffe | black
• style削除

• 削除
• inherit
• sans-serif
• メイリオ
• Meiryo UI
• ＭＳ Ｐゴシック

• Rounded M+ 1p
• Koruri

• MigMix 1P
• MigMix 2P
• Migu 1P
• Migu 1C

• 07やさしさゴシック
• 07やさしさゴシック手書き
• VL Pゴシック

• UmePlus P Gothic
• Komatuna P
• MMCedar P

• MoboExGothic
• MoboEx90Gothic
• Mgen+ 1p
• Rounded Mgen+ 1p

表示テスト - 等幅

• 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
• color 削除 | black | #595959 | white | background-color 削除 | white | #ffe | black
• style削除

• 削除
• inherit
• sans-serif
• メイリオ
• Meiryo UI
• ＭＳ Ｐゴシック

• Rounded M+ 1m
• MigMix 1M
• MigMix 2M

• Migu 1M
• Migu 2M
• VL ゴシック

• UmePlus P Gothic
• Komatuna P
• MMCedar P

• MoboGothic
• Mobo90Gothic
• Mgen+ 1m
• Rounded Mgen+ 1m

表示テスト - Mgen+ / Rounded Mgen+

• 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
• color 削除 | black | #595959 | white | background-color 削除 | white | #ffe | black
• style削除

• 削除
• inherit
• sans-serif
• メイリオ
• Meiryo UI
• ＭＳ Ｐゴシック

• Mgen+ 1p
• Mgen+ 1c
• Mgen+ 2p
• Mgen+ 2c

• Mgen+ 1pp
• Mgen+ 1cp
• Mgen+ 2pp
• Mgen+ 2cp

• Rounded Mgen+ 1p
• Rounded Mgen+ 1c
• Rounded Mgen+ 2p
• Rounded Mgen+ 2c

• Rounded Mgen+ 1pp
• Rounded Mgen+ 1cp
• Rounded Mgen+ 2pp
• Rounded Mgen+ 2cp

• Mgen+ 1m
• Mgen+ 1mn
• Mgen+ 2m

• Rounded Mgen+ 1m
• Rounded Mgen+ 1mn
• Rounded Mgen+ 2m

表示テスト - Minoriフォント

• 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
• color 削除 | black | #595959 | white | background-color 削除 | white | #ffe | black
• style削除

• 削除
• inherit
• sans-serif
• メイリオ
• Meiryo UI
• ＭＳ Ｐゴシック

• Minori 0P04
• Minori 0C04
• Minori 1P04

• Minori 1C04
• Minori 2P04
• Minori 2C04

• Minori 0P
• Minori 0C
• Minori 1P

• Minori 1C
• Minori 2P
• Minori 2C

• Minori 0M04
• Minori 0MN04
• Minori 1M04
• Minori 1MN04
• Minori 2M04

• Minori 0M
• Minori 0MN
• Minori 1M
• Minori 1MN
• Minori 2M

ブックマークレット

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

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

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

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

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

• Rounded M+ 1p
• Koruri Regular
• MigMix 1P
• MigMix 2P
• Migu 1P
• Migu 1C
• 07やさしさゴシック
• 07やさしさゴシック手書き

• VL Pゴシック
• UmePlus P Gothic
• Komatuna P
• MMCedar P

• MoboExGothic
• MoboEx90Gothic
• Mgen+ 1p
• Rounded Mgen+ 1p

• Minori 0P04
• Minori 0C04
• Minori 1P04
• Minori 1C04
• Minori 2P04
• Minori 2C04

• Rounded M+ 1m
• MigMix 1M
• MigMix 2M
• Migu 1M
• Migu 2M
• VL ゴシック

• UmePlus Gothic
• Komatuna
• MMCedar

• MoboGothic
• Mobo90Gothic
• Mgen+ 1m
• Rounded Mgen+ 1m

• Minori 0M04
• Minori 0MN04
• Minori 1M04
• Minori 1MN04
• Minori 2M04

• 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) Rounded M+ 1m
• (pre) MigMix 1M
• (pre) MigMix 2M
• (pre) Migu 1M
• (pre) Migu 2M

• (pre) VL ゴシック
• (pre) UmePlus Gothic
• (pre) Komatuna
• (pre) MMCedar

• (pre) MoboGothic
• (pre) Mobo90Gothic
• (pre) Mgen+ 1m
• (pre) Rounded Mgen+ 1m

• (pre) Minori 0M04
• (pre) Minori 0MN04
• (pre) Minori 1M04
• (pre) Minori 1MN04
• (pre) Minori 2M04

備考

最終更新日：2015.7.13

2014.10.22 作成。
2014.10.24 Minoriフォント追加。
2014.11.06 07やさしさゴシック手書き を追加。
2015.07.13 pre 要素用ブックマークレットをちょっと変更。

ダウンロード・リンク

• MigMixフォント : M+とIPAの合成フォント
• Miguフォント : M+とIPAの合成フォント

• MoboGothic - おすすめフォント (Y.Oz Vox)

• フリーフォントやさしさゴシックのダウンロード | フォントな。無料日本語フリーフォント
• やさしさゴシック手書きのフリーダウンロード | フォントな自由｜日本語フリーフォント無料ダウンロード
• VLゴシックフォントファミリ

• Koruri (コルリ) プロジェクト日本語トップページ - SourceForge.JP
• UmePlus, Komatuna, MMCedar - modified_fonts_01 (LinuxPlayers)

• 自作フォント作成(丸ゴシックフォント:Minoriフォント) | Takahiro_Chouの日記 | スラッシュドット・ジャパン

• 自家製フォント工房
  • 自家製 Rounded M+ (ラウンデッド エムプラス) | 自家製フォント工房
  • Mgen+ (ムゲンプラス) | 自家製フォント工房
  • Rounded Mgen+ (ラウンデッド ムゲンプラス) | 自家製フォント工房

パッケージ名 (Debian/Ubuntu)

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

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

$ fc-list

• fonts-vlgothic - VLゴシック
• fonts-mplus - M+フォント
• fonts-migmix - MigMix フォント
• fonts-umeplus - UmePlus
• fonts-komatuna - Komatunaフォント
• モトヤフォント
  • fonts-mmcedar - MMCedar

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

# apt-get install fonts-vlgothic fonts-mplus fonts-migmix fonts-umeplus fonts-komatuna fonts-mmcedar