by Fenng@dbanotes.net

关于 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: 对于个人站点,字体可以尽情发挥。


最近文章|Recent Articles

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

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

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

本文由自动聚合程序取自网络,内容和观点不代表数字时代立场

定期获得翻墙信息?请电邮订阅数字时代