Appleのフォント「Myriad Pro」と「Myriad Pro Web」から読み取るWeb用フォントの秘密。

Appleのフォント「Myriad Pro」と「Myriad Pro Web」から読み取るWeb用フォントの秘密。 先日AdobeのCS5をインストールしたら、Macに始めから入っているフォントの「Myriad Pro」の他に「Myriad Pro Web」がインストールされていて「Web? 何か違うの？」と気になりだしたら止まらなかったので調べてみました。 Appleのコーポレートフォントである「Myriad」を解剖していくことでデザインの美しさの秘密に迫ると同時に、Webの冠をつけたフォントはどの様に改良されているのかに迫ってみたいと思います。 まず、始めに「Myriad」とはどんな書体なのでしょうか。Wikipediaで調べてみると… ミリアド (Myriad) は、サンセリフの欧文書体で、いくつかあるフルティガー体 (Frutiger) 模倣フォントの一つである。アップルやアドビシ

[kuracom]

作業の時に比較したら、10px以下になるくらいから顕著に可読性に差があった。こんな工夫がされてるのか。

[oki448jp]

「Myriad Pro」と「Myriad Pro Web」の違い

[nacookan]

へーーー

[yomogi]

# 可読性を高めるためにカウンター（ふところ）を広くしている # 斜線部分は安定感を出すために少し肉付けがされている # 小さく表示された場合のデザインを優先している

[satoschi]

なるほど。Myriad Pro Webは、web上であっても見出しなどある程度サイズが大きくなる場合は使用しない方がベターかも。解説の通り大文字「N」のように、サイズが大きくなると斜線部の肉付けが気になるので。

[yasu-log]

MyriadとMyriad Webのフォントの違い。Web用フォントの微妙な違い。

[kojika17]

Appleのフォント「Myriad Pro」と「Myriad Pro Web」から読み取るWeb用フォントの秘密。