关于 Web 页面字体这方面,我是门外汉,弄不出来长篇大论 — 这样也没必要,从观察统计上简单分析一下看看就够了。
几个页面字体适配度比较好的,HTML body 字体的定义:
- Google: font-family: arial,sans-serif;
- Twitter:font: 13px/1.5 Helvetica Neue,Arial,Helvetica,’Liberation Sans’,FreeSans,sans-serif
- 豆瓣:font: 12px/162% Arial,Helvetica,sans-serif;
- 新浪微博:font-family: Arial,Helvetica,sans-serif;
- Apple中国:font: 12px/18px “Lucida Grande”,”Lucida Sans Unicode”,Helvetica,Arial,Verdana,sans-serif;
- 知乎: font: 13px/22px ‘Helvetica Neue’,Helvetica,Arial,Sans-serif;
- Facebook: font-family: “lucida grande”,tahoma,verdana,arial,sans-serif;
- Google+: font: 13px arial,sans-serif;
结论:Arial,Helvetica,San-serif 这个组合适配性是最好的,也是最保险的. 可选:Helvetica Neue . 知乎的定义几乎可以直接照用.
其它:
- 微软中国: font-family: Segoe UI,Tahoma,Arial,Verdana,sans-serif;
- 淘宝:font: 12px/1.5 tahoma,arial,宋体; //看过淘宝同学写过的很棒的字体文章,估计页面不是统一定义的.
- 百度:font: 12px arial;
- QQ: font-family: “宋体”,”Arial Narrow”;
- 新浪:font-family: “SimSun”,”Arial Narrow”; //最烂
结论:用了宋体的,都比较烂 … 中文网站要想页面视觉稍微好一点,直接去掉 CSS 中的宋体.
–EOF–
Updated: 对于个人站点,字体可以尽情发挥。
Updated 2: 新浪的同学解释说,之所以用宋体,是因为”宋体的半角字符是等宽字体(1/2个全角),长度的标题不会因出现英文或数字而折行”。估计是历史原因吧,相信这个问题总是有解的,看怎么解决罢了。