書体名	和文	欧文	ウエイト
UD デジタル教科書体 N-R	等幅	等幅	標準
UD デジタル教科書体 N-B	等幅	等幅	太字
UD デジタル教科書体 NP-R	等幅	プロポーショナル	標準
UD デジタル教科書体 NP-B	等幅	プロポーショナル	太字
UD デジタル教科書体 NK-R	プロポーショナル	プロポーショナル	標準
UD デジタル教科書体 NK-B	プロポーショナル	プロポーショナル	太字

各バリアントは

（和文／欧文）×（等幅／プロポーショナル）×（ウエイト）

という順列組み合わせになっていることがわかる。

どれを選べばいい？

基本的には「NP-R/B」一択。

日本語の文面は等幅フォントが読みやすく、英文・英単語はプロポーショナルフォントが読みやすいからだ（メイリオや游ゴシックなどもこの組み合わせである）。その組み合わせの NP ひとつでオールマイティにいける。

なお、和文に強いてプロポーショナルフォントを使う場面はなく、せいぜい見出しやタイトルなどの短いセンテンスや、UI 部品のメニューなどスペースが限られる用途などに限定して使うべきだろう。

また、英語の等幅フォントも同様で、桁が揃っていないと見にくい表の数値や、プログラムのコードくらいしか一般的には使い道がない。

つまり「N」や「NK」の出番はほとんどないのである。（誤字訂正しました。指摘サンクス）

繰り返します。UD デジタル教科書体は NP-R/B 一択です。

ちなみに、はてな匿名ダイアリーをWindows 環境で閲覧すると、本文の表示には「Meiryo UI」が使われています。この書体はOSのUI用に作られた省スペースフォントで、文字幅を強く圧縮した独特の形状をしています。ファイル名やメニュー項目を表示するには省スペースで重宝ですが、ブログの本文などの長文を表示するような用途にはまったく適していません。ごちゃごちゃと詰まっていてとても読みにくいです。こんなもの、普通は読みものコンテンツの最優先フォントに使ったりはしません。

なぜこんなことになっているのか、スタイルシートを読み解いてみましょう。

font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans JP", sans-serif;

まず先頭に "system-ui" という総称フォントが書かれているのが噴飯ものです。

総称フォントとは「指定された固有フォントがひとつも見つからなかった時に最後の手段として代替できるような一般名」のことで、本来はフェイルセーフとして font-family 値の末尾に書き添えます。ブラウザは総称フォントに対しては必ず何らかのフォントを割り当てていますから、どう転んでも何かのフォントは見つかり、最低限の表示が保証されるわけです。

ところがそれを先頭に書いたりしたら一発でフォントが見つかって、それ以降のフォント指定は読み飛ばされてしまいます。system-ui の後ろのカンマ以降の情報は実質的にただのゴミです。書く意味がありません。

なぜこんなスカタンなフォント指定になっているか、だいたいの想像はつきます。

system-ui, -apple-system, BlinkMacSystemFont

このフォント指定は、MacOS 付属の「San Francisco」という粋なフォントを呼び出す裏技として一部で流行していた方法なのです。すごく使いたかったんでしょうね、San Francisco を……。

しかしMacOS以外のOSでも、system-ui にはそのOS固有のフォントが割り当てられています。Windows の場合は長文の表示にまったく適さない Meiryo UI だった、というわけです。

どっちみち San Francisco は記事内の半角英数記号くらいにしか使われませんが、Windows の和文表示をすべて台無しにしてでもそうしたい何か強い理由があったんでしょうか。私には合理的な理由は思い当たりませんが。

Permalink | 記事への反応(10) | 12:31

2024-03-09

■anond:20240309133710

全角半角の見分けが付かないPフォントとメイリオに全滅して欲しい派

Permalink | 記事への反応(1) | 13:46

2024-02-16

■anond:20240216194609

メイリオはダサくないと思うんだけど、印刷したり書類を作ったりするために作られたフォントじゃないから

パワポやWordで使うにはちょっとカスタマイズがいるんだよね…。そのせいでダサいとかわれるんじゃないかなと

游ゴシックより何倍もいいとワイは思う。

Permalink | 記事への反応(0) | 20:37

■anond:20240216193359

ユニバーサルデザインフォント調べた

誰でも読みやすいっていいな、どんどん使って社内に流行らせるわ

ヒラギノもiPhoneが使ってるなら安心感ある

最初にメイリオって習ったから使ってたけど、今はダサいって言われてるのか

Permalink | 記事への反応(1) | 19:46

■anond:20240216192830

BIZ UDPはユニバーサルデザインなのか見やすい

まぁメイリオを太くした感じかな

ヒラギノはiPhoneとかで利用されてるので見やすい

メイリオもまぁまぁ好き

游ゴシックはWindowsだと特に見づらいと言うか游ゴシックライトなのが悪い

とはいえミドルですら見づらい気がしてる

Permalink | 記事への反応(2) | 19:33

■anond:20240216192617

わかる游ゴシックは細くて見づらい

メイリオ好き

他2つはどこらへんがいいの？

Permalink | 記事への反応(1) | 19:28

■anond:20240216192409

游ゴシック嫌い

BIZ UDP ゴシックとメイリオとヒラギノゴシックが好き

Permalink | 記事への反応(1) | 19:26

2024-02-06

■anond:20240206205225

メイリオ

Permalink | 記事への反応(0) | 20:55

2024-01-15

■何でマイクロソフトはメイリオの等幅フォントを出さないのか

游ゴシックがゴミなのは皆認識していると思うが

なんでメイリオって言う可読性に優れたフォント有るのにわざわざ游ゴシックなんて細過ぎて見づらいフォントを採用したがるのか。

またMacの真似したくなったのかね。でも肝心のディスプレイ解像度や、低解像度でも可読性を上げるためのシステムがまともに動いてないんだから現状では異様に細すぎてぼやけまくる糞フォントでしかない。

日本法人は明らかに認識してるだろうに何でこの問題に対処しないのかね。自分たちは4K ディスプレイ使ってるから問題無いと思ってるのか？

もう游ゴシックをオフィスのデフォルトフォントにするのやめてくれよ。誰かの作った資料が游ゴシックだと、可読性上げるために全部メイリオにしなきゃならないんだ。しかもそれでレイアウト変わるからそれも考慮しなきゃならない。

何でデフォルトフォントにメイリオ採用しないんだ？

ビスタの時に叩かれたのがトラウマなのか？

8みたいな糞UiのOS出しといてそんなこと今更気にするのか？

基本的にセンスのかけらもないUIばっかりなマイクロソフトの製品で唯一評価できるものだし、無印のフォントに採用しても問題ないデザインだと思う

等幅フォントが無いフォントをデフォルトにするのはよろしくないというなら、等幅造ってくれ

どうせ英語のみプロポーショナルフォント何だろうから問題ないだろ

Permalink | 記事への反応(1) | 09:12

2023-10-26

■anond:20231026204958

スケーリングは諸刃の剣

別にFHDモニタでもいいからとりあえずMacTypeをgithub からインストールして有効化しろ

デフォ設定でかなり綺麗になる

WindowsのシステムフォントはnoMeiryo UIを使って源真ゴシックP Regular 10ptあたりにするといい

ブラウザはStylus入れてこんな感じでダサいフォントを潰してけ

/*---------------
sans serif
---------------*/
@font-face {
    font-family: "メイリオ";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "Meiryo";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "Meiryo UI";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "ＭＳ Ｐゴシック";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "MS PGothic";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "MS UI Gothic";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "YuGothic";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "游ゴシック";
    src: local("源真ゴシックP Regular");
}
@font-face {
    font-family: "Microsoft Yahei";
    src: local("源真ゴシックP Regular");
}