CSS布局教程

基于web标准的网站设计指南

« 网页中的文字排版预防css中文注释bug »

关于字体的大小

国内网页设计师一般喜欢使用12px定义网站默认字体大小。lOpx太小,眼睛很容易疲劳,14px虽然看得清楚,但很容易破坏布局,使页面失去美感。唯独12px在审美和视力方面都能恰到好处,所以也难怪现在很多国内大型网站都把12px作为网页显示的标准字体大小。
实际上,这种做法是不科学的,分析原因怠因为他们没有考虑到特殊人群的阅读需要,对于弱视浏览者来说,12px几乎等于l0px的字体大小效果。
浏览者可以补救的措施只能是借助浏览器提供的视图功能来调节字体大小。例如,在Firefox浏览器中按Ctrl廾组合键放大页面,按Ctrl+组合键缩小页面,或选择菜单命令可以轻易调整网页字体大小,但对于Windows系统下的Ⅲ浏览器就会出现问题,对于定义为12px大小的字体,用户通过[查看]1[字体大小]子菜单来调整网页字体大小。如果有兴趣的话,你试着打开国内三大门户网站——新浪、网易、搜狐、天津网站设计天津网站建设天津网络公司都会存在无法用IE浏览器调整字体大小的缺陷,而国外的MSN -Google、华盛顿邮报等在IE浏览器里却是可调的。
这是为什么?再深入剖析这个问题之前,还是让我们从字体大小最基本概念说起。
CSS规范根据长度c水平和垂直尺寸,来定义字体大小。这个长度为一个数值,前面可以带一个可选的加(十)或减(—)标记符,该数值后可以有一个可选的单位标识符。定义字体大小的CSS语法如下:CSS规范定义了两种单位类型:绝对单位和相对单位。
绝对单位,如mm(毫米)、cm(厘米)、in(英寸)、pt(点或磅)、pc(12点活字)。
相对单位,如em(相对于父元素的文字大小)、ex(相对于特定字体中的字母x的高度
使用大小单位,如pt、px、em及其他单位。
使用关键字,如xx-small、x-small、small、medium、large、x-large, xx-large。
使用百分比参数,如150%等。
为了减小系统之间的字体显示差异,IE、Netscape和Mozilla浏览器制造商于1999年召开会议,确定16px/96ppi为标准字体大小默认值。因此,当我们不显式定义网页的字体大小时,网页文档会自动显示为16px,且在不同浏览器中显示的效果是一致的。确认16px作为默认值是出于网页的可读性,但对于设计师来说,这样的默认值太大了,影响页面的美观,所以在实际设计中,设计师常把文档尺寸设置在标准以下,目前习惯于把正文字体的大小设置为12px。由于屏幕分辨率越来越大,默认字体的大小也会越来越大,现在一些大型新闻网站的正文字体都设置为14px。当然,网页字体大小的最终决定权是用户自己,你可以根据客户的浏览需要确定自己网页的字体尺寸。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号