网页文字显示模糊之谜

不知道大家在看网页的时候有没有发现一个问题,当然啦,前提是你电脑上装有几个浏览器!在你用FF或者Opera浏览器某些网页的时候那网页的文字会显示的比较模板,有点朦胧的感觉,看着很不爽!而用IE则没有这个问题!

经过仔细分析发现,与网页的字体设置有关!我们网页的文字单位一般常用的有EM与PX两个单位。用PX单位一般不会有这问题,PX是相对于显示器屏幕分辨率而言的。

而当这个网站是采用EM(先解释下,EM是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。)或者是百分比为单位的话,问题就来了!并不是所有采用EM为单位的网站都会出现这种模糊现象!而是当你网页的文字大小设置小于一个单位EM的时候,在FF或者是Opera下就会显示得很模糊。让人很难受!

所以当大家发现自己的网站用FF或者是Opera下浏览的时候显示比较模糊让人难受的时候你检查一下自己的网页文字单位是不是小于一个单位,如果小于一个单位你改一个单位就OK啦,与原来的大小不会相差很大的!有很多网页设计者一般喜欢将正文设计成0.95em或者95%大小,这样的话,只有在IE下看比较舒服,而用FF、Opera就很让人难受了!

PS.我个人比较烦感将网页文字大小设置成小于一个单位EM或小于100%,因为小于1EM这不逼我非要用IE看你网站吗?不爽.不管你怎样设计,符合用户习惯的才是最好的。让用户看着难受的东西永远不会是好的作品。大家说是吧?

17 Responses to “网页文字显示模糊之谜”

  1. Betty CHINA Google Chrome Windows says:

    原来是这样
    很多站我用chrome看都是文字模糊的,我还以为是字体问题,原来是字的大小问题

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    @Betty, 是字体大小问题……呵

    [Reply]

  2. 大猫 CHINA Mozilla Firefox Windows says:

    按理说CSS定义的优先级会高于浏览器默认的

    可能是样式没写好吧

    [Reply]

  3. 蓝兔 CHINA Internet Explorer Windows says:

    我就觉得久酷风云的字体小了点,嘿嘿~

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    @蓝兔, 哈…………好,接受意见,有时间再修正下。^_^

    [Reply]

  4. ImLHY CHINA Internet Explorer Windows says:

    最近我的CRT显示器受潮了。每次开机后文字显示都很模糊,就跟有个影似的。。开一会就好了!!

    [Reply]

  5. mercy CHINA Mozilla Firefox Windows says:

    FF可以改最小字体大小,改成12px即可解决这个问题。

    [Reply]

    ucax TAIWAN Mozilla Firefox Windows Reply:

    @mercy, 是喔我試看看。thk

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    @mercy, 那只有自己的电脑更改之后,会显示正常,大多数访客还是会显示模糊的。

    [Reply]

  6. 会律博客 CHINA Mozilla Firefox Windows says:

    难道PR还在更新,刚看你的博客是PR3了,汗颜!

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    @会律博客, 没变3啊,还是4

    [Reply]

  7. Jandy CHINA Mozilla Firefox Ubuntu Linux says:

    的确是这样,我把style.css里的“font-size:95%”改为“font-size:100%”就能看清楚了。谢谢。

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    @Jandy, 嗯,能看清楚就好了。特别不喜欢那些网页设计者弄成那个样子。会让用户很不爽

    [Reply]

  8. 天下有雪 CHINA Mozilla Firefox Windows says:

    火狐好像可以更改字体和大小。

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    @天下有雪, 改了还是会显示模糊的,^_^

    [Reply]

  9. 365hope CHINA Internet Explorer Windows says:

    不同的浏览器或许会有不同的显示效果。
    只是我仍旧在使用简约版的IE7。
    守旧乎?

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    @365hope, 貌似其他浏览器都会显示成模糊的,只有IE不会,如果世界上只有IE的话那么就没有这个问题了,呵呵……

    [Reply]

Leave a Reply

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:


正在读取数据……