今風のfont-familyを集めてみました。8月7日記事

目次





ゴシック風(引用)

font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;

font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;

font-family:’Avenir Next’,’Helvetica Neue’,Helvetica,Arial,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,メイリオ,Meiryo,’MS Pゴシック’,’MS PGothic’,sans-serif;

明朝風(引用)

font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3″, “Hiragino Mincho ProN”, “メイリオ”, Meiryo, serif;

font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;

font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "MS P明朝", "MS PMincho", "MS 明朝", serif;

メイリオ大好き(引用)

font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;

游書体大好き(引用)

font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif;

font-family: "Hiragino Kaku Gothic ProN","YuGothic",Meiryo,"メイリオ",sans-serif;

font-familyの考察

最近の傾向として、游書体とメイリオが使われ始めています。macそしてwindowsなど様々なPCを持っていないとフォントがどう表示されているかわかりにくいですが、フォント集めをすることによって、意図的なデザイン作りが可能になってくると思います。 しかし、ブラウザ別に考えると、firefoxとIEがフォントは弱く、operaはwebkitになってからだいぶん成長したかもと思います。 http://blogs.windows.com/msedgedev/2015/06/17/building-a-more-interoperable-web-with-microsoft-edge/ これを見るとマイクロソフトのedgeはwebkitにしてくれるそうな。 これでfirefoxだけ蚊帳の外?

参考

http://www.re-simpleinc.com/css%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E6%8C%87%E5%AE%9A%E3%82%92%E8%80%83%E3%81%88%E3%82%8B2015/
http://holybea.com/2015/04/21/css-font-family/
http://dresscreate.co.jp/magazine/font-family-2015/
http://ideahacker.net/2015/02/28/9878/
http://debate.co.jp/html-css/1243
http://qiita.com/gonshi_com/items/99f06488c52dc9b865bb
http://frontiergate.co.jp/blog/archives/155