字体2

1.font-family应该优先指定英文字体,然后再指定中文字体。否则,中文字体所包含的英文字母,会取代英文字体。

这一点觉得国内做得不错了。。吐槽一下我们的邻国日本,青一色的日文字体在前英文字体在后。不过日常他们确实偏爱日文字体的全角英文啊。

2.为什么经常看到网页中宋体用unicode而不用英文名(淘宝),
淘宝首页字体
淘宝首页字体设置

这是因为Firefox的某些版本和早期Opera识别不了中文字体的英文写法,比如SimSun。(unicode编码都可以通过escape(‘字体名’)获得。)

Mac下Opera因为是Webkit内核,所以也支持SimSun的写法了。

那写成font-family: arial,\5B8B\4F53,sans-serif好么?

答案是不好。因为Mac的Chrome,Safari等webkit系浏览器不认unicode转码过来的字体,事实上它连font-family: 宋体;这种写法都不接受... 如果是Mac的Chrome默认设置,显示的字体将会是stheiti

3.字体fallback问题

参考文献1有很详细的介绍。

一些参考文献:

  1. 字体漫谈

  2. 最佳Web中文默认字体

  3. 如何保证网页的字体在各平台都尽量显示为最高质量的黑体

  4. 玉伯的字体测试