Macだから、Windowsだから、Androidだから… 端末それぞれの表示状態を気にしながらフォントを考えるのって大変ですよね。 とりあえずコレにしておけばいいや、というコピペ用テンプレが皆さん存在するのではないでしょうか? 基本 font-family: sans-serif; sans-serif、つまりゴシック体であることを指定しています。 ただしそれ以上の指定ではないので、ブラウザ標準のものが使われます。WindowsであればメイリオとかMSゴシック系、Macであればヒラギノ角ゴシック系となります。 Windowsのことを考えると明瞭が由来でもあるメイリオがアンチエイリアスがかかって見やすいです。 しかし、Macの場合はヒラギノを優先させたいですよね。。 Macだと、多くのブラウザで日本語表記のフォント指定は無視されます。 つまり、“メイリオ”は読み込まれず、“Meiryo”と
![もう迷わない、「@font-familyはこれでOK!」を色々考えてみた。 | unitopi - ユニトピ -](https://cdn-ak-scissors.b.st-hatena.com/image/square/1bb314eadfdf67b275492373d3bc733ab41f4063/height=288;version=1;width=512/http%3A%2F%2Funitopi.com%2Fwp-content%2Fuploads%2F2015%2F06%2Fcatch-700x700.png)