「今風のfont-familyをあつめてみた」の編集履歴（バックアップ）一覧はこちら

「今風のfont-familyをあつめてみた」(2015/11/24 (火) 23:14:17) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

今風のfont-familyを集めてみました。8月7日記事
~
~
目次
#contents
~
~
----
~
*ゴシック風（引用）
> 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 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", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 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 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

今風のfont-familyを集めてみました。8月7日記事
~
~
目次
#contents
~
~
----
~
*ゴシック風（引用）
> 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 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", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
> font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "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 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