95%的中国网站需要重写CSS
很长一段时间，我都使用12px作为网站的主要字体大小。10px太小，眼睛很容易疲劳，14px虽容易看清，却破坏页面的美感。唯独12px在审美和视力方面都恰到好处。
谁对我的网站字体大小有意见？
我老爸，他是第一个向我反映看不清我的网站文字的人。这使我意识到12px，其实只是让我觉得很不错而已，而对于那些视力下降明显的中年以上的人来讲，几乎等于10px对于我的感觉。
于是我告诉他，在“查看”里调整“文字大小”就可以了。但是却发现这是徒劳的。在Firefox能轻易调整的字体大小，怎么在IE就变得如此”坚不可调“？
问题出在哪？
我又试着打开中国的三大门户—新浪，网易，搜狐。它们的字体无一例外的在IE里失去可调性。看来这不是我网站独有的毛病。再看看MSN，Google，A list apart，华盛顿邮报，在IE里却是可调的。难道IE在字体调整上也搞歧视不成？
困扰我的问题直到看到这篇大作：How to size text using ems，才得到彻底的解决。
关键点：
1. IE无法调整那些使用px作为单位的字体大小；
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位；
3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。这意味这中国网站的字体大小可以被认为不可调。
95%的中国网站需要重写CSS
在我所观察的中国网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI
嘿嘿，标题就吓我一跳。很多的网站放弃了易用性，最显而易见的就是广告堆砌。
你的老爸也很有意思啊
临时调整字体大小也不是什么好的方法。
用大字体才是解决问题的根本，你说14px虽容易看清，却破坏页面的美感，那是浏览器的渲染问题，IE7的AA系统就很出色，不信你去看看，字体很光洁。对于网页设计师的确IE有种种诟病，但作为普通的用户，才不在乎这些（例如你老爸）。我觉得IE7的AA系统足够吸引大多数用户了。
所以，我觉得不老说IE这不好那不好的，从用户的角度考虑IE做的还是挺好的。
PS
你写的文章还是挺好的，都讲的很透彻，这里说声，谢谢
很多人用ie根本就不知道ie可以调字体大小，所以我觉得还是根据内容的定位设置字体大小为好，还有就是某些固定的单张图片上的字体用em这类单位不好，一旦改变字体大小很可能布局就被搞乱了
另外，我是初学者，不明白为什么在ff和opera中某些用em和百分比的中文字体显示看上去会小很多，但是ie就没有发生过这种情况？
To 红鼻子:
标题是有点吓唬人，有点过了。我老爸确实比较新潮，比较能跟上形式。
To 发发:
1. 谢谢你的留言。对于AA系统我可能尝试不了了。因为我只在调试网页时用免安装的IE7；
2. 我所指的破坏页面美感，不是浏览器的渲染问题，而是其占用空间，使版面不协调；
3. 我本人对IE没有太多意见。倒是对FF占用我的XXXMb内存比较在意；但，事到如今，我已经没法常规用IE了，因为我百分之六十的网络活动都依赖FF及其插件；
4. 如果微软的防盗版抓得紧点，估计没有多少人能尝试IE7了；
5. 如果windows同时预装了IE和FF，我估计还是IE占上风。
To piaolingdy:
1. 你说的问题其实不是不可以解决的，建议看看这篇: Text-Resize Detection
与其说用户调整字体会破坏布局，还不如说是设计者为了图方便；
2. FF和opera不是对与em和百分比的中文字体显示过小，你用px也是一样。要解决这个问题，需要重复声明字体大小，比如说你在body里声明了12px, 对于content的字体也需要再次声明字体大小为12px。
[…] 95%的中国网站需要重写CSS (tags: CSS) […]
已读，等下做测试
[…] 95%的中国网站需要重写CSS (tags: css) 归类于： 网摘 — kunshou @ 7:39 am […]
写得好， 顶一下
其实做一点点的小改动就能帮到那么多的人，为什么就是不愿意改呢，而是选择忽视那些智势群体，意识不好哟
To Lu:
其实他们不是忽视弱势群体。他们只是没有意识到珍惜每一个可能成为其未来客户的访客重要性，损失的那一部分潜在客户最终会让他们尝到苦头。
不愿调整的可能还是因为有种根深蒂固的潜意识吧，例如我。不知道在界面上提供一个调整字体(正常，大字体)的选项会不会方便一点。
To xwing:
1. 添加一个选项是个不错的选择；
2. 但如果什么都不做，这不是潜意识可以搪塞得过去的。如果你曾有过调试各个浏览器下的网页兼容性的经历，应该想想为什么。无非就是让使用各种不同浏览器的访客都能收到同等的待遇。浏览器就是访客的虚拟眼睛，如果你在字体大小上拒绝了那部分实际上存在的眼睛，那么为了那些虚拟眼睛还有必要调试网页么？
一个字：顶！
网站的可用性和无障碍性，现在中国大部分网站连可用性都没达到，更别说无障碍性了，不过据说最近咱们国家也要针对网站的“无障碍性”立个什么法了～～
哈哈，我们期待着～～～
Jorux，你好，我把你的这篇文章摘到自己的Blog上了，可以吗？
你看下：http://feng7.blogcn.com
To 千风：
你能说一声我已经很满足了。不过，要是事先通知，那会更好一些。
Jorux，谢谢你了。我下次会事先得到你同意的，你写的内容对我很有帮助啊！上次意外停了，好几天，我都以为你不再开了，很是心痛，心里想要是把你写的内容都记下来。。。所以我才会这样的，请原谅呵。
我发现你的网页在我的浏览器里显示有点不正常，也不知是不是我的浏览器出问题了，我有的是我用的是Firefox 2.0.0.1，你看下：http://images.blogcn.com/2007/1/5/5/qfeng7,200701059612.bmp
To 千风：
谢谢你的提醒！可能是字体的问题，我过段时间会处理这个问题。
Thanks
站长好，你上边的导航为什么一点过就黑了？这样再去点的时候总是觉得有点模糊，不知道目前所在哪个栏目了（特别是把所有栏目点过后，情况很糟糕）。是不是我浏览器问题，还是你应该设置下链接的颜色，多设置个颜色指示点击后的状态会不会better?
呵呵。喜欢你的站。
谢谢你的建议，有机会一定改进。
hi,Jorux,请问如何在各种浏览器中使文字的大小都保持一致,如IE,FF,NETSCAPE,一段文字在这三中浏览器中显示大小都不一样,该如何调整CSS呢?谢谢!(改成形如html>body>table {font-size:80%}后不行)
To relaxxx:
你的代码可能不兼容所有的浏览器，最好分别声明字体大小，即对各个元素声明字体属性。
for me, 你正文的字体小了点，留言中的字体大小比较好
firefox下，如果不设定最小字体大小，jorux.com的正文字体是10px（几乎不可读）；如果设定字体大小（显然，国内一般只会设为12px），那么正文字体是14px（比IE下大很多，正如你所说的，“破坏页面的美感”）。
百度也并非所有页面都可调字号，首页就不行。
在浏览器默认字号统一之前，与其特立独行，反倒同时牺牲美感和可读性，不如中庸一些，跟大家一起用px。
况且，有调整字体特殊需要的，何妨用firefox，反正它免费，开源，而且足够优秀。
倒是该期待期待IE新版也有调整固定单位字号的功能。用固定单位，问题或许不在网站，而是在浏览器呢？
To liu: 我一直使用Firefox，但没有遇到你说的问题。
http://209.85.135.104/search?q=cache:hw8UxRCRuf0J:homepage.yesky.com/492/2455492.shtml+css+em&hl=zh-CN&ct=clnk&cd=10&lr=lang_zh-CN
上面这篇文章也很有道理。 em理论很好，用起来不易。
其实，个人认为，要做到易用性好，只要多设计几个css 版本，比如 黑白版本，纯文字版。 字体大小则也调用 不同的 css 文件 就好。 这样 css写起来也方便。 否则很难保证css 在不同 浏览器上的显示效果一致。
你的漢字很漂亮
也不用这么说国人的WEB，CSS，
其实这个做习惯CSS的人有很多都是知道是什么回事，
最初我还不知道PX来锁定字体大小呢，用IE可以调。
只是该大就大不该大就没必要大。字体大小调整的功能用的人也不多。有很多人也不清楚。不过国人还算是人性化设计的，一般新闻信息网站的内容字体都在14PX或以上。或有大、中、小、字体大小设置等等，其实这就是弥补了这一点。
如果说非要整体字体放大的话，这是将来必然的事了。IE7.0也开始慢慢多起来。用IE7试下ctrl++，Ctrl+－试试，看网站有什么没化，有多大有多大，要多小有多小。这是发展了。95%这说明了必然性的，而不是去跟着去改变的，还有5%的也没必要去改变。这是选择。
只要选择过程中考虑到功能与形式的侧重性就可以了。
显示细腻的“微软雅黑”造价在100美元左右。这也说明了微软用心良苦。vista和WINxp sp3横行的时候，就是“微软雅黑”霸道的时候了，切低改变“12PX宋体”的概念了。。
交流学习
QQ214424352
值得我们学习！
有些时候，国外的东西不一定就适合中国。看看下面这篇，写得很实在。
http://hi.baidu.com/weijisifu/blog/item/7db995ca7a3e6786c81768f9.html
Jorux, hi! 我对你的这篇文章非常感兴趣, 而且不觉得夸张。因为我看到我们业内的一位前辈也这么评价我们国内的商用网站，就是各大中小企业的公司英文网站。他的看法基本与你的一致。
现在我想改进我们公司的网站，但是请您能否指点一下具体怎么操作。用FRONTPAGE是否可以改过来？
这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了
我觉得这个算法不对:)
应该是XP/16=em
谢谢
好文章啊！！
看来还是国外网站的做法对用户比较有好啊。
我把字体改过来了，可是设置的#content的宽度也跟着变。不明白是怎么回事，请lz讲一下，谢谢！
就是这个，
body{
font-size:62.5%;
}
#content{font-size:1.2em;
width:78em;
border:0.1em solid #ccc;
left: 50%;
margin-left:-39.1em;
position:relative;
}
当我改变字体大小时，#content的宽度也跟着变大！
有什么解决方法吗？
To gmhvf:
可以将content的宽设为780px, 只是字体使用em作为单位。
解决了 呵呵
谢谢！自己太死板了！
FF的插件都有什么啊，能具体说一下吗，还有插件在哪里下啊？
To gmhvf:
参考：http://jorux.com/archives/jorux-firefoxportable/，由于下载源已丢失，插件明细及下载地址参考：http://jorux.com/archives/jorux-firefoxportable/#comment-2319
找着找着找来的……明白em是啥了。
又学到了,呵呵.
我的验证码还不错>plan
很久以前的文章
这篇文章说的东西很多本身已经落伍了
写了一大段，结果发表不成功。囧~
简单来说：
1、字体的可调性，是需要成本，但在国内一个网站，给设计师用于增加网页可用性的空间太小。
2、不是所有网页都适合字体的可调。我经常遇到有人指着网页向我求救，说页面字体太小。无一例外，都是无疑中点了ie中的查看》字体大小》最小。目前比较成熟的做法是大部分新闻网站中采用的，在新闻页中用js的方式增加字体调整功能，大、中、小分开。
3、msn、华盛顿邮报、alistapart之类的网站，之所以使用字体可调，是和它们的页面风格有关，简洁的线条布局让这样的网站在字体调整的同时，布局不会被破坏。有一个比较可以看看，nba.com为什么没有采用可调；espn.com为什么采用了可调，可调后对页面布局的又造成了什么影响。
从tony那里连过来，写的不错！受益了！
博主我还不太明白你说的
MSN，Google，A list apart，华盛顿邮报，在IE里却是可调的
是什么意思，怎么个可调法？
一般是为了网页美观不变形才使用px固定字体大小的吧。
很漂亮的模版，是自己做的吗？能否提供模版下载？
To superG:
确实很老的文章了，IE7不存在这种问题。
只要微软改了,就行,所以有了IE7
诡异的12px汉字(原因待查)
所以我们不理会不符合习惯的标准
如 firefox 不支持长单词折行
说你不懂还不信——
font-size:medium;
是用来做什么的？
你对em还是不太理解呀。
em是相对单位，一开始没有绝对值定着，写相对单位有什么用。唉～
关于浏览器放大字体。现在微软早就放弃了根据font-size调整大写的方略，而是向放大镜一样直接全面放大（很多使用IE内核的第三方浏览器也是一样）。 而IE8则更高级，可以直接放大文字，而不放大图片。
所以现在设置font-size来让浏览器放大缩小已经没有多大意义了。
关于IE8的放大策略你可以看——《Internet Explorer 8 and Adaptive Zoom》（url：http://blogs.msdn.com/ie/archive/2008/03/25/internet-explorer-8-and-adaptive-zoom.aspx）
我不是说蓝色和chinaui不好，的确有些高手，但是一般用户太多，和他们呆在一起被浪费的时间太多了～ 那些地方少泡点为好。
To justn:
这篇文章是一年半前的老文，的确有些不合时宜，比如说IE做的改进，当时是针对IE6的。
不一定什么都非常标准，还有投入是否值得。
比如YUI里面的CSS里面用字体用的EM，但是好像淘宝还是阿里的UED，他们用了，但是对于字体他们仍然选择了PX因为他们的用户IE居多。
设计要看用户。不一定都合适。
比如你的博客的这个连接：Subscribe to my Feed
当放很大的时候会显示不友好。
同意JUSTN的说法
———–
而是向放大镜一样直接全面放大（很多使用IE内核的第三方浏览器也是一样）
PS：部分浏览器对12PX是物理放大有点锯齿。
我不是说蓝色和chinaui不好，的确有些高手，但是一般用户太多，和他们呆在一起被浪费的时间太多了～ 那些地方少泡点为好。
写的是不错。崇拜一下
是不是可以直接在网站上放个调整字体大小的选项。。。。
说的对 我的也要借鉴下 我爱试验机网
顶下
还是应该写62.5%，这样其他的地方也可以用em
63%会造成很多地方的不精确
对于ie的bug，是作者字体选取的问题，用Tahoma 或直接 sans-serif 就根本没问题
英文对于中文过度的关系吧。。。。。
To demix:
谢谢你的回复，你的blog不错。
IE7似乎已经比较普及，这篇老文有点不合时宜了。
为什么不考虑用zoom解决问题？调字体多烦啊，整个网页放大到120%就可以了
这些问题要IE去调整好了，要95%的网页调，难，现在w3c的，firefox的，我都觉得是他们这些浏览器去调整适应的比较好，而不应是由大量设计者去适应他们。
1em是等于12px 还是 16px。
我测试是12px
其实想要看字体大小，不用那么麻烦，按ctrl+＂－＂或＂＋＂,缩小放大就可以了
好文，支持一下！
仅一句话概括：网页设计中的文应该用em来作为单位。
仅一句：
网页设计中的文本应该用em来作为单位。
很少有人因为看不清页面上的字而去调整字体大小。
但IE也不是一无是处的不如FF，至少在IE7.0的右下角有个比例大小的按钮，很容易放大和缩小页面。
请问楼主,这是你的原创？我在一本《css商业网站布局之道》上见过类似的文字。
我觉得应该给ie一个恰当的评价
设计IE的人，应该不会不懂标准吧
想想
ie带来了什么
又带走了什么
To fryguy:
还是第一次被问此文的原创问题，看来这篇文章的质量还是可以的:)
我专门google了一下《css商业网站布局之道》，在http://www.china-pub.com/36243显示它的出版日期是2007 年10月！
而这篇文章的发表日期是November 12, 2006，倒是建议去问问它的作者是不是抄袭了我的文章。
本来这篇文章早以被埋没，没想登上了车东的blog，着实火了一把。
俺倒是很纳闷
楼主什么都用FF
那支付宝，网上银行怎么用啊？
另外，FF的速度实在不敢恭维
safari跟opera都比它速度快吧……
嗯,文章写的不错,很受启发!!!
不过,我有个问题个证实一下,作者所谓的”95%的中国网站需要重写CSS”这个数据,是有专门调查还是处于个人认识,得到的结果!!!
Jorux 最近没有写教程了吗？
太长时间没在学习web design，也许不能再写了。
好文. 让人深思啊.
装修图满多(http://www.tumanduo.com)主要页面就用的是em，可以用ie的调节大小的功能，但很多朋友说字体网站怪怪的，希望博主能提提意见。
To 图满多:
分别用firefox3.0 ie6和opera浏览，均未发现字体“怪怪”，建议用ie7或8试试，或者让你朋友截个图发过去看看。
告诉楼主一个消息，终于知道为什么有些网友说怪怪的了，因为他们的ie设置字体大小不是中号，或者大，或者小，然后有朋友说，一看你们网站就是个人网站，字体都那么大一个；因为这个事情，我们放弃了在中文版上使用em，也把字体定死了，在英文版上继续保留。中国人和老外的方式不一样，中国的网页很少活动字体、很少让用户选择新开窗口。
平时看文章,看到好的直接转走,再加个原链,不过对于您这的文章,我觉得有必要说一声,对于用EM还是PX还是看个人喜好吧,对于我以后将严格的按照em来写
建议你把网站的链接都加上 target=”_blank”，呵呵~
确实，用了em之后，很多的朋友说为什么你的网站字体很小，我也发现是 查看–字体大小 出的问题。 于是在网站上又特别说明了，如果您发现字体变大或者变小，请点击 查看–字体大小 来自动调整。
这样麻烦了许多，感觉有点画蛇添足的样子。
但如果固定了大小，对于那些近视等视力不好的人又有了限制。
而且向你说的大多人都不知道em是什么意思一样，大多人可能也不清楚 在查看–字体大小那可以调整字体大小。晕
作者真是字字珠玑，一下子将网站的通病讲了出来，佩服佩服
我觉得浏览器的兼容性也有很大的关系
我也觉得是浏览器的关系
的确，一些国家十分重视Accessibility，对于css的写法也十分严格，我们也应该做到这些，做网站不光是为了健全人可以阅读，更多的要达到无障碍阅读。
无障碍阅读在做法上不仅是em的用法，还有很多很多，大家一起探讨，希望我们做的更好。
这篇文章很经典,好不容易找到原处.
呵呵，这些是细节。毕竟国外的网络发展的早些。
没错 还是px好用啊
早就想改写我那E文网站的文字大小代码了，现在开始动手，这篇文章很有参考价值啊。可是，LZ提到的“How to size text using ems”链接出错，看不到文章啊？
这个em，原单词是什么？
这个文章好早了！不知道现在用处大不大，我刚才用ie8，按下ctrl和滑轮滚动，页面缩放很顺畅，字体也缩小了。。。好多网页都这样！
看了你的文章才知道px和em的区别。貌似我的博客在IE下用ctrl++能放大呀~吼吼~以后写css会注意这些问题的。
真是麻烦