font-familyの色々

wordpress

ワードプレスで作成するときに設定やら調整で時間がかなりかかるわけですが、結構毎回悩むのがFont(字体)。

最初の設定だととても美しくない。

パソコンのバージンやOSなどの状況に左右されるので、大事ですが最初は戸惑うと思います。

例えば、Windowsはヒラギノが入っていないのでメイリオが選択されるとか、Macではヒラギノが優先されるとか…

そんな時は、真似をするのが一番。



例をあげてみると


Google
font-family: arial, sans-serif;



Yahoo! JAPAN
font-family: “MS PGothic”, “Osaka”, Arial, sans-serif;



Facebook
font-family: helvetica, arial, ‘hiragino kaku gothic pro’, meiryo, ‘ms pgothic’, sans-serif;



楽天市場
font-family: ‘Hiragino Kaku Gothic ProN’, ‘ヒラギノ角ゴ ProN W3’, sans-serif;



クックパッドのフォントは親しみやすい
font-family: ‘Hiragino Kaku Gothic Pro’, ‘ヒラギノ角ゴ Pro W3’, Meiryo, メイリオ, Osaka, ‘MS PGothic’, arial, helvetica, sans-serif;



一番知りたかったApple
font-family:”Apple TP”,”Hiragino Kaku Gothic Pro”,”ヒラギノ角ゴ Pro W3″,”メイリオ”,”Meiryo”,”MS Pゴシック”,”Helvetica Neue”,”Helvetica”,”Arial”,sans-serif;