首页 > 网站应该选用哪种字体?

网站应该选用哪种字体?

一直纠结,到底用哪个,看了看京东的arial又看了看就淘宝的tahoma,有人比较推荐arial
寻问一下大家都用啥做字体家族


中文网站,内容一般会用宋体;标题的话,就用微软雅黑。


样式表中的字体,其实应该只是一个建议,应该把最终使用哪种字体的权利交给浏览器。
所以,样式表中,字体应该用类似Arial这样的字体家族,而非"微软雅黑"这样的固定字体

推荐字体家族:Arial, sans-serif
然后再在前面放上你最想用的字体,比如"Helvetica Neue",Helvetica等。
最终变成:"Helvetica Neue",Helvetica,Arial,sans-serif

当然,网站字体选择是个非常复杂的问题,很难做到所有平台,所有浏览器兼顾。具体应用中,还应该考虑访问你网站的用户,所使用浏览器和操作系统的分布


在不同操作系统下,用各个浏览器打开,特别是 Firefox 和 Opera,混乱的世界啊,真真的与浏览器斗,乐趣全无!

虽然沮丧悲情愤,但分析研究的工作还是得继续:

(修正:并没有规定前面的 font name 要和最后的 general family 保持一致)

从目前用户反馈的情况来看,在以 12px 大小为主的网页设计中,最佳的中文默认字体方案是:Windows 下用宋体,其他操作系统下用雅黑等无衬线字体。未来随着电脑屏幕的变大和分辨率的提高,当字体的默认大小提高到 14px 以上时,或许所有操作系统下,最佳中文默认字体会统一为雅黑等无衬线字体。

为了让所有网页在尽可能多的情况下,都用最佳中文字体渲染,需要特别考虑以下几点:

可以总结出:

如果页面 charset 是 utf-8, 完美的默认字体方案是:

font-family: arial, sans-serif;

无论省略 lang 还是设置为 zh-CN, 在各种环境下都满足预期。

如果页面 charset 是 gbk, 推荐默认字体方案为:

font-family: arial;

Chrome OS 下未测试,根据陈成博客上的反馈, 好像会因为没有 sans-serif 而导致中文字体很难看。 不过考虑 Chrome OS 还未正式发布,目前可以先忽略。

最后,个人推荐简体中文页面的最佳实践为:

html lang=zh-CN
charset=utf-8
font-family: arial, sans-serif;

测试环境说明:

Mac OS X 10.6.7
Chrome 10.0.648.204
Firefox 4.0
Safari 5.0.4
Opera 11.01

Win7 Ultimate
IE 9.0.8080.16413

参考:http://justjavac.com/web/2012/04/13/b...


Verdana 和 Tahoma 都是比较过时的字体了,对于 Windows XP 及之后都自带了 Arial,OS X 自带 Helvetica (Neue),比 Arial 好很多,因此我建议这样写

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

XP里宋体好
WIN7/WIN8里微软雅黑好


【热门文章】
【热门文章】