很久前就发现百度存在一个背景设置上的缺陷，不过到现在它还没有更正。而现在这个问题则更加普遍：几乎所有的辨网站都在强制用户使用“宋体”来浏览他们的网页。我不知道他们这样的设置是出于什么目的，但是包括百度、新浪、搜狐、网易、腾讯、凤凰网都是如此，在我常去的几个网站都只有Google例外。很奇怪不是吗？不知道是那些年老的是设计师们从Win98时代遗留下来的习惯还是他们对“宋体”情有独钟，抑或是他们现在还在使用CRT显示器吧。
我们来看看这些网站是怎么强制用户使用宋体显示的：首先，看看腾讯的页面中，直接在CSS定义了用户必须使用宋体显示：
如果查看其他几个门户网站，CSS中的语句都相差无几。只不过百度稍有不同：
无论是哪种CSS的写法都是在告诉浏览器显示时必须采用宋体。
那么它们显示出来的页面效果无论你在什么浏览器或者系统下（除非是在没有宋体的Linux和Mac OS中）看都将是和右面一样的效果。
其实这是一个很愚蠢的做法，也已经显得很过时了。设置使用宋体的是好的，但是那些没有安装宋体的Linux和Mac用户怎么办？那些使用手持设备访问互联网的人呢？他们还照样使用自己系统的默认字体！所以你这样的设置显得多余。
我想很多人都知道微软雅黑字体，也一定有不少人了解雅黑字体，雅黑字体是一种ClearType技术，ClearType技术是一种增强文字的显示效果的技术，可以让您显示器上显示的文字更加清晰圆润。
ClearType，由美国微软公司在其视窗 操作系统中提供的萤幕字体平滑工具，让Windows字体更加漂亮。ClearType主要是针对LCD 液晶 显示器设计，可提高文字的清晰度。基本原理是，将显示器的R, G, B各个次像素也发光，让其色调进行微妙调整，可以达到实际分辨率以上（横方向分辨率的三倍）的纤细文字的显示效果。
雅黑字体是根据LCD显示器的特点专门设计的一款ClearType字体。而在LCD、LED显示器普及的今天，再去强制用户使用CRT时代的东西，很明显欠缺考虑。现在我们把办公室里那台XP系统也更换上了雅黑字体，在液晶显示器下，它的确很漂亮。
对于上面几行代码的改进也很简单。我的建议是直接去掉、然后更换待宽字体，或者干脆如Google那样简洁的写法：
不设置中文字体，只设置英文字体（英文字体是必须设置的，由于英文字体每个字母的宽度、写法都是不一样的，要根据自己排版的需要来设置）是完全可行的，我甚至直接去掉了设置字体的那一行CSS语句。结果，上面的显示效果将会是我们熟悉的样子：
这是在液晶显示器下截下来的效果，字体要比上面的更加圆润好看。
可能是在Windows 98和 XP时代形成的设计习惯一直沿用到了Vista和Windows 7的时代。世易时移，Web设计也应该与时俱进，在LCD、LED大行其道的今天，设计理念还停留在CRT时代未免有点OUT，作为一个合格的Web设计师理应转变观念，照顾多数人的使用习惯。
共有(46)条评论
因为你站的角度不一样。。所以你看到的问题也不一样。。
[回复]
博主我在浏览你的BLOG的时候显示的也是宋体呀?
[回复]
dudo 回复:
四月 19th, 2010 at 13:49
真的？我没有设置中文字体，但是我发现在使用不同英文字体的时候也会影响中文字体的选择，可能是等宽字体的问题？或者你使用的是XP系统，没有把雅黑当作默认字体？
[回复]
Sun发表于 2010-4-19 at 14:44 #
我觉得雅黑字体是windows下最好看的字体之一，但它还有瑕疵，有些字很大，有的字过小。
[回复]
dudo 回复:
四月 19th, 2010 at 15:51
雅黑应该是Win下比较适合LCD、LED显示器的字体，但是的确有字号大小不统一的问题，有时有些字还无法辩认，比如14px粗体的字（字体的字）和宇（宇宙的宇）~~
[回复]
test_007发表于 2010-4-19 at 17:38 #
宋体12号 和 14号 字体是屏幕在4：3分辨率下显示最清晰和美观的字体。绝对是CRT标屏的最佳解决方案。
另外我说一句ClearType下的雅黑我怎么看怎么不舒服，平滑倒是平滑了，看久了会眼花~辨识率下降~
我用CRT的~
[回复]
呵呵，我也考虑过这个问题，ff和chrome下都设了yahei consolas hybird ，可国内的网站总给我显示宋体，默认是宋体的浏览器，你设不设也是这样，如果用户想用别的字体，反倒给限制了。。
[回复]
kedora发表于 2010-4-19 at 23:24 #
我都是在 Fx 和 IE中设置了”不使用网站指定的字体”
默认 Linux 中是文泉驿正黑, Win中是雅黑
其实这也不是什么问题,都和我这样强制不使用网站字体就得了.
之前装了一下 Chrome ,结果发现没有这个选项,只好卸载了
[回复]
Harry发表于 2010-4-20 at 09:39 #
最讨厌宋体了！小号宋体使用点阵不清晰，使用矢量发虚。我都把这部分宋体用文泉驿正黑强行替换了。
其实使用系统默认字体是个好主意。
[回复]
dudo 回复:
四月 20th, 2010 at 13:40
看来和我观点一样的人不在少数，据我估计，那些维护门户网站首页的人都是些资格比较老的人，这些人从很久远的时代传下来的习惯就是上来先指定“宋体”做默认字体，于是就出现了这种情况。同样是门户网站的其他子站点和不重要的板块却没有这样的问题
[回复]
Bob发表于 2010-4-21 at 12:40 #
不是所有人喜欢雅黑，但是宋体会被大多数人接受。
越是大型门户，需要遵守的规矩越多。
如果不设置默认字体为宋体的情况，会带来实用的价值，
自然会去做的。
[回复]
紫炫飞扬
你有一点说对了，这个是历史遗留下来的问题，而不是因为这些网站的设计师都爱宋体，而且这个状况会持续下去。这是基于用户的考虑，国内大部分用户还都在使用Windows系列的操作系统，而在这些系统里的中文字体很少，比较适合屏幕显示的通用字体的选择不多，宋体基本是大家计算机里面都有的，所以就这样了。楷体、黑体等一些中文字体在字号较小的时候，显示会有一些这样那样的问题，而微软雅黑的普及泛滥时在Windows Vista出现之后，这个字体的普及程度较低。
比较新的浏览器大多支持设置页面显示的默认文字，这可以一定程度上解决显示均为宋体的这个问题（其实也不是什么问题），另外，不得不说的是微软雅黑这个使用了ClearType技术的字体虽然已经较为完善，但它并非一个完美无缺的设计，在大部分显示器上它的显示效果很漂亮，但是在小部分显示器上它的显示效果或许会很糟糕（特别是较老的CRT类），大门户网站设计师是肯定不愿意冒险失去这部分用户的吧，而现在通用的宋体已经能够较好的支持几乎所有类型的显示器，于是……
另外那个css指令，一般的用法是指定两个字体，还需要在第三个指定一个通用的字体序列来避免找不到指定的字体出现显示上的问题，但是这个做法在IE6、7下的应用规则不同，浏览器检验第一个字体不存在，就直接会采用系统默认的字体（默认的是宋体）进行显示。
[回复]
dudo 回复:
五月 24th, 2010 at 08:21
@芦苇, 不好意思……文章沉了底，刚刚看到你的留言。其实我看像Google或者其他网站，都没有设定中文或者其他语言字体，但是当你使用google英文无论搜索中文或者日文、韩文都能得到不错的效果。所以我倾向于不强制设置而去使用默认设置。
[回复]
levisun发表于 2010-5-02 at 19:26 #
我是搞设计的，你说的很对。但不怎么容易实现。
设计的无奈是非常的平常的。看你的文章，我第一的反应就是，font我没有设中文字体，如果到了客户的机子上显示的不好会是什么结果。这点我无法想象。
另：中文的字体太少了，不仅仅是通用的，而是融入设计的。例如：在PS中黑体可以设浑厚，但如果你设计的时候那样用了，切图时就费神了。最恐怖的是，要后台控制的文字你居然是图片，呵呵，很无奈吧。
相比较宋体，这是个大家都认同的，不管是设计师还是客户。而且字体只要在11Px以上就好控制，而且加粗也不太难看，所以比较中意。并且可以设计成活得，那里不对直接就可以改了，好维护。
雅黑说实在的我很喜欢，但是，想要在网站上通用还是有难度的。
问题：显示器显示不清楚，并且存在设计的色彩上的问题，公司的机子是液晶的，但设计完后，我每次都要到纯平上面看看，颜色的差异很多；XP中国很普遍，简直就可以说是XP的天下；最重要的是大家都认为宋体是通用字体，而且看起来也不怎么产生视觉疲劳，毕竟已经习惯了；浏览器，IE和火狐都默认设定的是宋体，搞得宋体好像代表中国一样。
最后，我vsita系统因为火狐的原因显示为宋体。我看过你的CSS文件了，你是没有设font，但我还是想说句，这个很难实现。
总之一句，字体限制了设计，设计带来了通用的宋体。中文字体可以说很悲哀，除了间距，高度和宽度只要调整超过10%就会花，字体大小一改更花………………
[回复]
dudo 回复:
五月 24th, 2010 at 08:30
@levisun, Firefox下有自己的默认字体，一般中文的会是宋体。其实我期望的是可以按照用户的默认方式来显示，不要强制……其实这在技术上并不困难，只要你不去强制设置就可以了（所有的浏览器会有自己的缺省字体，如果不设置的话就会使用这些缺省字体，例如firfox，即使是在vista和win7下依然会是宋体）。
[回复]
Min发表于 2010-5-22 at 22:29 #
看完了评论，我想补充以下观点。
我较早接触网页设计，2000年开始做网站。那个年代，宋体是最好的简体中文网页字体，但自从雅黑出现后，雅黑便是最好的简体中文网页字体，谁也无法质疑这一点。但是，为什么，现在还不能在网页中强制定义中文字体为雅黑？我认为有两个重要的原因！
一、并不是所有系统有雅黑的人，都有启用Cleartype！而在没启用Cleartype的情况下使用雅黑，比用宋体还糟。
二、雅黑在“文字背景设为透明”的情况下，会显示得非常模糊，比如，将浏览器的默认中文字体设为雅黑，再浏览百度空间，能看到很多人的博客的字体变得发虚。这原因便是“文字背景设为透明”所导致的。我很想知道原因，谁能解释一下，这是为什么？
最后，我也认为，现阶段，网页设计中，最好仅定义英文字体。中文字体，最好交由客户端自行选择。
[回复]
Mins发表于 2010-5-23 at 19:14 #
看完了评论，我想补充以下观点。
我较早接触网页设计，2000年开始做网站。那个年代，宋体是最好的简体中文网页字体，但自从雅黑出现后，雅黑便是最好的简体中文网页字体，谁也无法质疑这一点。但是，为什么，现在还不能在网页中强制定义中文字体为雅黑？我认为有两个重要的原因！
一、并不是所有系统有雅黑的人，都有启用Cleartype！而在没启用Cleartype的情况下使用雅黑，比用宋体还糟。
二、雅黑在“文字背景设为透明”的情况下，会显示得非常模糊，比如，将浏览器的默认中文字体设为雅黑，再浏览百度空间，能看到很多人的博客的字体变得发虚。这原因便是“文字背景设为透明”所导致的。我很想知道原因，谁能解释一下，这是为什么？
最后，我也认为，现阶段，网页设计中，最好仅定义英文字体。中文字体，最好交由客户端自行选择。
[回复]
M发表于 2010-5-23 at 19:16 #
看完了评论，我想补充以下观点。
我较早接触网页设计，2000年开始做网站。那个年代，宋体是最好的简体中文网页字体，但自从雅黑出现后，雅黑便是最好的简体中文网页字体，谁也无法质疑这一点。但是，为什么，现在还不能在网页中强制定义中文字体为雅黑？我认为有两个重要的原因！
一、并不是所有系统有雅黑的人，都有启用Cleartype！而在没启用Cleartype的情况下使用雅黑，比用宋体还糟。
二、雅黑在“文字背景设为透明”的情况下，会显示得非常模糊，比如，将浏览器的默认中文字体设为雅黑，再浏览百度空间，能看到很多人的博客的字体变得发虚。这原因便是“文字背景设为透明”所导致的。我很想知道原因，谁能解释一下，这是为什么？
最后，我也认为，现阶段，网页设计中，最好仅定义英文字体。中文字体，最好交由客户端自行选择。
[回复]
宋体的英文字体实在不堪入目，除非是大号字。我也只是在逼不得已的情况下才会使用”宋体”，以保证行高一致。一般情况下我都采用Arial，微软雅黑也不再考虑范围，因为发现液晶显示器会把字体渲染得很刻意而出现虚边导致12号字不易辨别。对此我还特意写了一篇“谁说微软雅黑好看”的文段。不过今天在博主的点拨下明白了，也确实，在液晶显示器中，微软雅黑会被渲染得更漂亮。
[回复]
dudo 回复:
五月 25th, 2010 at 08:03
@吉光片羽, 雅黑的确会有中英文行高不一的情况，但是可以通过手动设置行高的方式来解决……，而且这种问题大多出现在早期版本的雅黑字体中……现在的这个问题基本上很少有了……
[回复]
宋体是serif体的一种.适合长时间阅读而不感到疲劳.应而常做为篇幅较长内容的字体.
雅黑,字体大小不太一样.且看时间长了.会有点累.
[回复]
Untitled K发表于 2010-6-13 at 09:46 #
雅黑在浏览器内的渲染总觉得很虚，
做正文长时间阅读的感受是眼睛总是无法准确”对焦”，非常疲劳。
我只在做平面设计的时候用它，网页正文(字符)说实话不推荐。
另外设不设字体是一个二择，
设定字体是为了加强对最终效果的控制，当然要冒客户端没有的风险。
所以未来网页设计的趋势是一般网站使用通用字体+设计网站的字体嵌入
[回复]
dudo 回复:
四月 19th, 2010 at 13:50
写完这篇文章才发现字体其实是个大问题
[回复]