System Font Stack

 (systemfontstack.com)
11 ポイント 投稿者 xguru 2022-06-02 | 6件のコメント | WhatsAppで共有
  • Webフォントの代わりに、システムにすでに入っている優れたフォントを使おうということ
    → 以前はWebフォントが良かったが、Apple/Google/Microsoftが優れたフォントを購入してOSに内蔵したため
  • 高速で、スタイルの幅が広く、よりネイティブに見える

フォント別設定

  • Sans-serif : font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  • Serif : font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  • Mono : font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;

関連記事

6件のコメント

 
nuthatch 2022-06-05

「Noto Sans CJK KR」も良いですが、個人的には「KoPub Dotum」のほうが好きでした。
ターミナル専用の等幅フォントは、D2Coding ligature nerd patched くらいしか代替がないですね。
MacではRetinaになれば、どんなフォントでもきれいに表示されるので、心配することはありませんが。
 
devsepnine 2022-06-03

デザインだけでなく、OSごとにフォントをレンダリングする方式にも違いがあるので、デザイン面でも大小はあれ差が生じる気がします……。その点を除いたとしても、Webサイトをネイティブっぽく見せる必要があるのかなと思います。
 
xguru 2022-06-02

これについては、さまざまな賛否の議論があります。
https://news.ycombinator.com/item?id=31543054

しかもこれは英語に限った話で、実際のところ日本語フォントはWindowsの標準フォントがあまり良くないので……
 
tribela 2022-06-02

逆に、韓国語こそWebフォントが重いので、OS内蔵フォントがもう少しきれいならWebフォントは使いたくないところではあります..
 
xguru 2022-06-02

私も、AppleGothicレベルの韓国語フォントがWindowsにも標準搭載されているといいなと思います。笑
 
kunggom 2022-06-03

Noto Sans/Serifがすべての主要OSに標準で入っているだけでも、ずっと良くなると思います。