鸟食轩

 Microsoft .NET[C#] MVP 2003
随笔 - 424, 文章 - 231, 评论 - 5394, 引用 - 344
数据加载中……

您觉得目前网页最小字体应该多大呢?

    由于第一代网页基本都是为800x600的15'CRT显示器开发的,所以大多数网页都是以9pt或12px为标准的网页字体大小。目前随着大尺寸和高分辨率显示器的普及,过小的网页字体已经让我在浏览网页时出离的郁闷了。

    另一个网页使用小字体的原因是,在互联网普及之初,英文网页占的比例比较大。由于英文字母相对汉字来说超简单,都没有笔画是否复杂一说,英文的小字体总是能显得很简洁、清晰,所以起初的大量中文网页也就选择了小字体。

    今天1024x768的17'CRT和15'LCD已经成了绝对主流的显示器,从我的Google Analytics统计来看,使用800x600分辨率的用户已经被1280x1024分辨率用户已一定优势赶超。从今年4月到9月"鸟食轩"的近25万Visits统计信息如下:
    ScreenResolutions.png
    // Google Analytics更过分,居然使用8.75pt的字体,英文看起来都郁闷,中文简直没法看@_@...

    在这个字体和版式设计问题上,对于我们常见的公众网站来说,sina和sohu可以说是不负责任的典范。现在都2006年了,明年就2007年了,后年就奥运了,可是它们还是一如既往地使用那背时的9pt字体,直到今天页面还是为800x600分辨率用户设计的,实在是无语了。
联合早报网的网页本来一直是IE默认的字体大小,看着很舒服,结果这几天改版后居然把全部分类以及索引也改为了9pt,害我写了封信去抗议,不过幸好正文还是11pt,否这阅读起来就郁闷了。9pt的字号在平面印刷上可能还勉强将就,可是在显示器上阅读起来确实太虐待自己的眼睛了。

    下面是在IE默认字体大小下各种字体尺寸的大小(其中英文字体为Tahoma,中文字体为宋体):
    FontSize.png

    所以从英文和中文两种字体大小来看,如果使用IE默认字体大小,中文似乎是稍微大了那么一点点。所以我觉得11pt(即15px)是目前比较合理的网页字体大小,当然比这大我是更加欢迎。除非是走马观花,否则当真正关注页面内容的时候,就很难再接受那种蚂蚁字号了。

    从网页再说到我们的Web应用程序开发上,不知道各位博由是什么感觉,反正TD8.0(TestDirector)是要把我搞疯了,那个默认安装完毕后的字体小的来真是不想给人看(虽然我确实是不想去看bug:P)。后来有位学雷锋的好同学做了一个汉化包,顺便把字体也弄大了些,可是有些dialog里的字就显示不完了,晕死。

    如果你遇到喜欢的网页,文字内容很多,但是很不幸是9pt的字体,那么怎么办呢?这里有两个方法可以解决:

    一是通过修改IE辅助选项,check "Ignore font sizes specified on Web pages" option:
    Accessibility.png
    这样IE浏览器页面中所有字体大小将变为默认大小,同时还可以通过View菜单里的Size来修改。对付sina、sohu这类网站我就使用这个方法。

    二是修改系统高级显示中Display选项的DPI Setting设置,如下图:
    CustomDPISetting.png
    修改这个DPI Setting后,页面中除了使用px为单位的字体外,整个操作系统中所有的字体都会变大。在给父母或长辈设置系统时,由于他们年纪比较大不可能看9pt或10pt的那种蚂蚁字体,一般就用这个方法。

    最后小小调查一下,您觉得网页以及Web应用程序的最小字体,或比较适合的字体应该是多大呢?

   
我自己觉得11pt(即15px)是比较适合当前情况的网页字体大小。

posted on 2006-09-27 23:21 birdshome 阅读(5556) 评论(54)  编辑 收藏 所属分类: 其它编程相关内容

评论

#1楼    回复  引用  查看    

birdshome 是故意说15px的,他让大家有个讨价还价的机会 --- 14px。(单位pt在不同分辩率的显示器上看大小有些差异)
2006-09-27 18:30 | flower.b      

#2楼    回复  引用  查看    

用户可以通过对浏览器的设置来显示自己喜欢大小的字体呀(虽然不那么精确)
我认为还是使用normal的值比较好,或比normal小一点的.
2006-09-27 18:31 | 维生素C.NET      

#3楼    回复  引用  查看    

对于中文,觉得只要字体不变形,就勉强能接受了。一般使用12px和14px。

不知道是不是我的错觉,你贴出来的字体比较图片上14px的中文字比15px的字体大~~ ^-^

p.s. 你的blog所有的页面在我的IE(XP SP2 IE6)浏览器访问时左下角都显示一个Script Error:Object Expected,Ln 46
2006-09-27 18:38 | Teddy's Knowledge Base      

#4楼    回复  引用  查看    

后年就澳运了

错别字!!!

2006-09-27 19:57 | e旋风      

#5楼    回复  引用  查看    

我的blog用12px感觉还不错
2006-09-27 20:38 | Jeffrey Zhao      

#6楼    回复  引用    

我觉得简体中文网页上,汉字采用9pt(约12px)或10.5pt(约14.7px)的宋体,英文数字采用verdana 和Arial字体,看起来最舒服。其实网页字体也没什么, 由访问者浏览器自已决定就行了.
http://www.ausense.com
2006-09-27 20:39 | ausense [未注册用户]

#7楼    回复  引用  查看    

用12PX吧,
2006-09-27 21:02 | 孤叶(学习.net框架)      

#8楼    回复  引用    

网页设计中字体大小的选择,最好采用相对单位而不是绝对单位。pt,in,mm等都是不建议使用的单位。px本来是不错的,但由于在一些浏览器平台上通过浏览器提供的改变字体大小功能不适用于以px为单位的font-size设置,所以也不建议使用。O'Reilly的《Web设计技术手册》一书中建议使用em为单位,由于1em的字显得有点大,所以在CSS文件中先设置body元素的font-size为76%em左右,作为整个页面基准字体大小,而在需要大一点的字体的地方,再设置font-size为1em或120%em等等。
2006-09-27 21:08 | Renard [未注册用户]

#9楼    回复  引用    

楼主你眼睛不行还非要别人做那么大??
2006-09-27 21:21 | A[匿名] [未注册用户]

#10楼    回复  引用  查看    

9pt确实有点小,10pt比较合适
2006-09-27 21:27 | YaoTong      

#11楼    回复  引用  查看    

主要问题是宋体字大了很难看啊~~~做系统没所谓~~做网站不能不考虑~~~10PT/9PT差不多了~~再大了就很丑了
2006-09-27 21:56 | lazylu      

#12楼 [楼主]   回复  引用  查看    

@Teddy's Knowledge Base
12px就相对于9pt,自己看就是累眼睛,当然做给别人看就不用管了:P
14px比15px大,你老确实错觉了。。。可能就是12px看多了给闹的:)
那个脚本错误是我页面上那个广告带来的,我调试了半天,没有办法:(

@e旋风
谢谢,已修改

@A[匿名]
这种无聊的人,麻烦走开些,谢谢

@lazylu
网站好不好看,远没有其内容有吸引力,反正都要审美疲劳:P。再说宋体也是经典的字体了,不至于大一点惨不忍睹,而要通过折磨眼睛来作为弥补吧?
2006-09-27 22:25 | birdshome      

#13楼    回复  引用    

1024*768
1280*1024 都是 12px 字体容纳多
2006-09-27 22:42 | dvaknheo [未注册用户]

#14楼    回复  引用  查看    

10px
因为我参照的标准还是800*600
而浏览者以政务部门的为多
而如果你要考虑到实际年龄段的系统的话
那么,就要比这大很多
2006-09-27 23:12 | aspnetx      

#15楼    回复  引用  查看    

另外,模板的字体是楼主自己设置的吗?
2006-09-27 23:15 | aspnetx      

#16楼 [楼主]   回复  引用  查看    

@dvaknheo
把1024x768和1280x1024两边剩下一大截,中间弄一堆小字,这也叫容纳多?

@aspnetx
你都的那类政务部门?我见得政府部门都是好设备啊,15' 17'液晶一堆一堆。
模板字体?你是说这个blog的主题吗?
2006-09-27 23:30 | birdshome      

#17楼    回复  引用    

宋体,9 磅(小五号),小是小点,但我觉得是最舒服的。网站如果不用CSS,不能直接使用这个大小;搞不懂为什么,也不算太小吧,为什么要限制,要不用12磅也行,字体不变形。这两个尺寸中间的看起来字体都有点变形,不舒服。
2006-09-27 23:55 | 张三 [未注册用户]

#18楼    回复  引用    

由于有用户认为12px字体网页太小,难以阅读,在经典上曾发起过一个关于:用户有没有自由放大缩小字体的权利?的激烈讨论。
地址为:http://bbs.blueidea.com/archiver/tid-2662326.html
基本上网站设计者比较倾向于小字体,也就是12px,因为这个字体比较普及,好设计,风险小。同时也有人提出,一个好的网站到底是要形式还是要较好的提供内容?这个问题如果扩大了讨论,可能就是要务虚还是要务实的问题吧
2006-09-28 00:11 | loveblue [未注册用户]

#19楼    回复  引用    

还是9pt的宋体好,这是windows下最好的中文字体
2006-09-28 00:37 | duduwolf [未注册用户]

#20楼    回复  引用  查看    

@Renard
完全赞同,要绝对避免对字号的绝对定义,否则就是强奸用户,而强奸用户往往就会导致法律上的纠纷,最终损失的还是我们自己。
2006-09-28 01:57 | Dflying Chen      

#21楼    回复  引用  查看    

ctrl+鼠标滚轮
2006-09-28 06:22 | atempcode      

#22楼    回复  引用  查看    

@birdshome
主要是政务部门的门户网站
楼主选择的这个模板我印象中字号是没这么大的
是不是特殊加入了css改变的呢
总之看起来好大
呵呵
2006-09-28 08:19 | aspnetx      

#23楼    回复  引用  查看    

提供大字体\小字体的切换功能不就可以了
2006-09-28 08:27 | 萧寒      

#24楼    回复  引用  查看    

多年来从Form、网页和各种文档,最小字体是11Pt.字体过小的网页,一般是收藏到Outlook,将字体设为"四号字"才看。所以,目前的视力还保持在1.4以上。

字体的大小和信息的容量有关,但很多人忽视了对“眼睛”的保护!

我觉得11pt是最低的要求,15pt最佳,看着不累。
2006-09-28 08:38 |       

#25楼    回复  引用    

td是让人受不了啊.我就是怎么弄也改变不了他的字体
2006-09-28 09:01 | shining [未注册用户]

#26楼    回复  引用  查看    

9pt的看起来页面比较整洁
2006-09-28 09:02 | 壮志      

#27楼    回复  引用  查看    

这个依据视力的不同,需要的也不同
我觉得>=14px为好,但是一个同事视力巨好,她认为12px就好了
2006-09-28 09:11 | yzx110      

#28楼    回复  引用  查看    

一些惯例是边长5毫米或更大的字对青少年视力损伤最小,
建议买些少年读物看看人家都用多大尺寸,然后再换算回来
2006-09-28 09:37 | 陈叙远      

#29楼    回复  引用    

怪不得现在浏览器都有页面放大功能呢

我对这个9px非常的反感 这跟我要常时间通过电脑看东西有关 每次我都把页面放大120倍

这个问题其实和美工也一只探讨,可美工非要说9px是标准,靠 用户才是上帝 标准算个鸟
2006-09-28 09:48 | bisou [未注册用户]

#30楼    回复  引用  查看    

@Dflying Chen
严重支持!
2006-09-28 09:57 | 维生素C.NET      

#31楼 [楼主]   回复  引用  查看    

@张三
中文是方块字,怎么变形也是方的,难道还会变成圆的。有不少人在说9pt以外会变形,到底是变成啥了呢?什么地方变来不能接受了,谁举点难看到让人发指的例子给大家看看?

@loveblue
挺有意思的一个讨论,其实如果哪些设计人员设计的完美的9pt网页,而用户去除了字体大小限制或使用可以任意缩放字体的brower,那么网页整体效果会更加糟糕,跟本体现不出什么精细设计。

@Dflying Chen
怎么微软现在吃了很多这类官司吗?一下把问题搞到了如此高度,papaya...

@aspnetx
我定制了这个theme,最小字体大小是它应有大小的100%,少数标签,比如h?,是120%或150%。

@萧寒
有一些UI的细节和字体大小邦定比较紧密(比如有一些图片修饰),还是需要根据某一具体字体大小来设计一个最优化版本,然后粗略的支持其它字体大小。

@yzx110
视力好的人看大字体不会把视力弄差,可是反过来,视力一般的人在天天看那9pt蚂蚁字体,就只能渐渐晕菜了。当然不排除极少数人,视力一般般,自己也带了不小度数的眼镜,还非要说小字体好。。。

@陈叙远
我找尺子看了一下,5mm,挺大的噢

@bisou
pat pat... 120倍?! 120%吧?
2006-09-28 10:07 | birdshome      

#32楼    回复  引用  查看    

我用的是1024*768,看你博客上的字体很舒服。网页正文建议就用这个大小的字体
2006-09-28 10:07 | 大力      

#33楼    回复  引用  查看    

改用Firefox!管它什么字号
2006-09-28 10:40 | 不再忧郁      

#34楼    回复  引用    

宋体14px的字最好看, 很饱满
2006-09-28 14:39 | Yok. [未注册用户]

#35楼    回复  引用    

我靠,人的视力不同,审美观念不同,关心的内容不同,追求完美的程度不同,难以统一。
2006-09-29 00:06 | 张三 [未注册用户]

#36楼    回复  引用  查看    

@Dflying Chen
这么严重呀
2006-09-29 08:01 | aspnetx      

#37楼    回复  引用    

偶喜歡用9號明細字
2006-09-29 08:35 | daisylh [未注册用户]

#38楼    回复  引用  查看    

用Firefox一个重要理由就是可以把字体放大(可以放的好大),IE中的大字体有时不好用。
2006-09-29 09:05 | Boler Guo      

#39楼    回复  引用    

显然主流媒体如SINA/SOHU对页面布局也是有调查的,用800*600未必就是脑子进水了。

您通过GOOGLE分析而来的数据只能说明访问您的BLOG的用户群的显示器设置,而并不代表主流门户网站的用户群分布。

一般而言,相同的显示器,专业技术用户的显示器分辨率会设置的比较高,而家庭娱乐用户就比较低,这是很常见的。

#40楼    回复  引用    

英文 12 ,中文11比较好~~~
2006-09-30 10:16 | gouki [未注册用户]

#41楼 [楼主]   回复  引用  查看    

@SINA/SOHU主流门户用多大字体也是有他的道理的
你能提供sina/sohu一类网站的用户显示器分辨率统计吗?
如果不能,那么“专业技术用户的显示器分辨率会设置的比较高,而家庭娱乐用户就比较低”这个说法是不太站得住脚的。
因为17'CRT和15'LCD是在2002年开始普及的,而这是才是家用和学生用电脑爆炸发展的关键时期,而这类电脑的最佳显示分辨率都是1024x768。
2006-10-07 19:58 | birdshome      

#42楼    回复  引用  查看    

@birdshome
"因为17'CRT和15'LCD是在2002年开始普及的,而这是才是家用和学生用电脑爆炸发展的关键时期,而这类电脑的最佳显示分辨率都是1024x768"

确实17CRT和15LCD 现在的用户最多,但用户大多设定在800X600,只有少数成熟用户设定在1024X768.
2006-10-09 09:15 | YaoTong      

#43楼    回复  引用  查看    

英文明显比中文小。可能是老外的眼睛好,也可能是习惯了。很多英文的网站汉化后,都字体过小的毛病。
2006-10-10 00:00 | 航天奇侠      

#44楼    回复  引用    

DPI Setting设置不在Display选项而在通用里面吧?呵呵!
2006-10-11 11:38 | BI100000000 [未注册用户]

#45楼    回复  引用  查看    

我们公司专门做网页互动设计的,他们做的中文都是9pt, 虽然看的费力点,还能接受。但是有些设计的英文字体就实在太小了,看的着实郁闷。

我同意11pt 是中文可读性比较好的下限。
2006-10-14 21:19 | 木野狐      

#46楼    回复  引用    

分辨率是1024*768,看你的字体感觉特别扭,只能调整ie查看字体大小到最小

#47楼 [楼主]   回复  引用  查看    

很久没有用过1024x768这么低的分辨率了,也不清楚到底效果有多差
2006-11-22 14:53 | birdshome      

#48楼    回复  引用    

以1024X768的显示分辨率为基础,以网站的客户群为以据去确定网面字体的大小. 所谓最小字体,我认为,以上分辨率下能看清就可以用.看一下百度的搜索就明白了,字体大小要看是谁年!
www.cantechs.com.cn

#49楼    回复  引用    

这篇文章的最后一条,就是关于字体的:http://leedorian.spaces.live.com/blog/cns!ED21AFA37B682A2D!116.entry

"糟糕的字体排名第一位,票数基本使第二名的两倍。大概三分之二的被调查用户抱怨过小的字体或者固定大小的字体;三分之一的用户反映文字和背景对比度不够高,文字不够清晰。"
2007-04-02 21:55 | fonts [未注册用户]

#50楼 [楼主]   回复  引用  查看    

@fonts
谢谢你给出的引用,这篇也不错:让用户来控制字体大小
2007-04-03 15:58 | birdshome      

#51楼    回复  引用    

这个问题我也想了好久,只不过对于不同的文字有不同的调整吧,对于不同的人群有不同的设置吧, 就如同IE为什么要有字体设置这一功能一样.

#52楼    回复  引用    

我觉得Arial 六号最舒服,或者是宋体五号
http://www.windaka.com
2007-09-06 11:29 | vb [未注册用户]

#53楼    回复  引用    

--引用--------------------------------------------------
bisou: 怪不得现在浏览器都有页面放大功能呢

我对这个9px非常的反感 这跟我要常时间通过电脑看东西有关 每次我都把页面放大120倍

这个问题其实和美工也一只探讨,可美工非要说9px是标准,靠 用户才是上帝 标准算个鸟
--------------------------------------------------------
标准是从大多数用户习惯中产生的,如果改变这个行业标准可以再次进行调查统计,产生具有说服力的数据。

上帝之所以受到大家的尊重是因为他明理、明智,不是“靠”出来的。
2007-10-18 11:02 | oo [未注册用户]

#54楼    回复  引用    

显然主流媒体如SINA/SOHU对页面布局也是有调查的,用800*600未必就是脑子进水了。

您通过GOOGLE分析而来的数据只能说明访问您的BLOG的用户群的显示器设置,而并不代表主流门户网站的用户群分布。

一般而言,相同的显示器,专业技术用户的显示器分辨率会设置的比较高,而家庭娱乐用户就比较低,这是很常见的"糟糕的字体排名第一位,票数基本使第二名的两倍。大概三分之二的被调查用户抱怨过小的字体或者固定大小的字体;三分之一的用户反映文字和背景对比度不够高,文字不够清晰。"