はてなブックマーク

はじめに いつもサイトをつくる時に向き合わなければならないのが ''Font Family" などのフォント関連の指定です。 あらためて最近のフォント指定事情について考えてみたので、その辺を失敗談も含めながら、ざっくり紹介しようと思います。 iOSで見たとき明朝体表示になってしまう 画像左のようにFutura Koyu(無料で使えるFuturaもどき）を適用させたデザインをもともとしていた場合、iPhoneで確認するとiOS上のブラウザ（SafariやChromeなど）では明朝体が適用されてしまっています。 これだとだいぶサイトの雰囲気が変わってしまい、iPhoneから見るユーザーのことが気になって夜も眠れないところです。 なぜこのようなことが起こったか 上記のcss指定は以下でした。