如何优雅的选择字体(font-family)

Posted by Roy on 2017-03-30
211字预计1分

网页内的文字要在不同的设备终端达到最佳的显示效果,我们来看看大咖公司都是怎么做的吧。

在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽相同,那么如何设置字体显示效果会比较好呢?

推荐阅读 https://segmentfault.com/a/1190000006110417

大咖案例:
例1(小米米官网):font-family: “Arial”,”Microsoft YaHei”,”黑体”,”宋体”,sans-serif;

例2(淘宝技术研发中心):font: 12px/1.5 Tahoma,Helvetica,Arial,’宋体’,sans-serif;

例3(加网 ):font: 14px/1.5 ‘Microsoft YaHei’,arial,tahoma,\5b8b\4f53,sans-serif;

例4(淘宝UED):font: 12px/1 Tahoma,Helvetica,Arial,”\5b8b\4f53”,sans-serif;

例5(一淘UX): font-family: Helvetica, ‘Hiragino Sans GB’, ‘Microsoft Yahei’, ‘微软雅黑’, Arial, sans-serif;


Kommentare: