关于页面字体

by [email protected]

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

最近文章|Recent Articles

• 技术人加入一家公司之后应该得到什么？
• 关于页面字体
• DBA Notes 也有 iPhone App 了 ?
• 技术人员创业的短板

本站赞助商：豆瓣网(Douban.com)

评论数(13)|添加评论 | 最近作者还说了什么? Follow Fenng@Twitter

DBA Notes 理念: 用简约的技术取得最大的收益...