最近の企業は、どのようなフォントを web ページに使用しているのか調べた。ちなみに、どこを調べたら良いのかよくわかってないので、最近の企業、昔ながらの企業、広報系のサイトを選択した。
- Cookpad
font: 14px/1.5 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, clean, sans-serif;
- Cacoo
font-family:"Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif
- Qiita
font-family:"lucida grande", tahoma, verdana, arial, sans-serif
- Microsoft
font-family:Meiryo,Tahoma,Verdana,Arial,sans-serif
- Apple
"Apple TP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif"
- Web担当者フォーラム
font-family:"lucida grande", tahoma, verdana, arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
- アドタイ
ont-family:"lucida grande", tahoma, verdana, arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
■ 雑感
意外だったのは、Windows8.1 や Mavericks で正式採用された字游工房の游ゴシック体と游明朝体が指定されていなかったことだ。
調べていくうちに Font 沼にはまりそうだったので、下記のQiita の記事を参考に自分なりの設定をすることにした。
http://qiita.com/llsmrsll/items/f019b8daadf798066001
- ゴシック
font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif
- 明朝
font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", Meiryo, serif;