关于页面字体

关于 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个全角），长度的标题不会因出现英文或数字而折行"。估计是历史原因吧，相信这个问题总是有解的，看怎么解决罢了。

作者: Fenng | 可以转载, 但必须以超链接形式标明文章原始出处和作者信息及版权声明
网址: http://www.dbanotes.net/web/Web_font.html