| 搜索频道 | 源码下载 | 站长代码论坛 | 文章分类 | 最新专题 | 源码交易 | 加入收藏
首页|资讯|图形图像|网站开发|程序设计|数据库|多媒体|机械电子|办公系列|路由技术|原理|应用|考试|系统
文章搜索:
 您的位置:首页网站开发心得技巧 → 网页设计开发:如何处理网页字体
网页设计开发:如何处理网页字体

日期:2007-3-6 23:37:31 人气:     [ ]

在网页的设计开发过程中,最重要的莫过于网页的视觉效果,设计人员经常花费大量精力用于调整字体和字号。利用CSS2规范,我们可以在Web页面或应用程序中随意对字体进行调整。本文将深入探讨字体大小,并介绍在网页和网页应用程序中调整字体的最佳方法。

如何调整字号

CSS2规范是以字体长度来定义字号的,长度数字越大,字体的水平和垂直长度就越大。在长度数字前,有时候还会缀以“+”或者“-”号。另外,在字号后,有可能还跟随着单位标识符。CSS2规范中包含了两种单位标识符:绝对单位标识符和相对单位标识符。绝对值用来定义单位,而相对单位标识符则表示相对于另一个值的大小,以下列出了几种相对单位标识符:

em表示字体的高度,它等于字体的font-size属性经过比例计算后的值。但有一种情况例外,即font-size属性本身使用了em标识符,在这种情况下它会以父元素的字体大小为参考;ex(x-height)指定与小写字母x的高度相等;px(pixels)关系到画布或屏幕分辨率,网页显示时的像素值完全取决于显示器分辨率,这会使显示结果随用户在屏幕分辨率上的偏好而改变。

另一种实现绝对字号的方法是使用缩放功能。你可以使用以下关键字来缩小或放大字体:xx-small、x-small、small、medium、large、x-large,以及xx-large。其中Medium是一个基准,带有small字样的参数会让字体缩小,而带有large字样的参数会让字体扩大。CSS2规范中定义的缩放比例是1.2,但是不同的浏览器可能有不同的解析结果。

采用何种方式

CSS中有大量关于字体字号方面的参数,那么你的网页该采用什么定义方式呢?采用绝对标识符来确定字号有很多弊端,比如会对一致性和灵活性造成影响,还会在可访问性方面出现问题。相对字号与绝对字号相比,可以让用户通过多种方式来调大字号,从而更便于阅读。在实际开发中,大多数设计人员采用的也是相对字号。下面让我们更深入地了解一下相对字号:

在字号方面使用最多的方式就是pixels方式(px),大多数浏览器都支持这种字号定义方式,使用这种方式的缺点就是用户无法在IE浏览器中调节字体大小。

最普通的字号定义方式是使用em或百分比。用em定义的字号可以在任何浏览器中缩放,它同时也照顾到了用户对字体的偏爱。不过em在IE中的表现并不理想,因此针对IE浏览器用户,最好还是使用百分比。

出处:本站原创 作者:zzcode
 相关文章
·更改Word默认字体格式
·雕虫小技: Word中快速设置字体一法
·HTML字体标记及属性
·固定语言编码、字号、字体
·字体标记
·CSS字体与文本属性
·用CSS实现特殊的字体效果
·用PHOTOSHOP打造字体标志
 相关软件
·最新QQ字体
·可爱的女生字体
·我爱你-qq字体下载
·玉叶随风网字体下载系统
·qq艺术字体-漂亮的QQ文字
·qq字体下载-QQ水果饼干体
·qq艺术字体-QQ可爱汉字库
·qq字体下载-qq常用个性汉字
·qq彩色跳动字体
·qq艺术字体-QQ一千个汉字
 

 热点文章

·CSS中 display 与 vis..
·网页设计配色应用实例..
·网页布局的位置重心与..
·网页设计开发:如何处..
·合理的网页设计具有哪..
·针对各种版本的浏览器..
·设计干净的链接
·用好的设计替代不好的..
·Ajax技术的安全问题不..
·我们流程的问题到底在..

 推荐文章

·端午非物质文化遗产登..
·动态网站Web开发PHP、..
·PS绘中秋佳节的一轮明..
·细谈网页优化和网站优..
·建站常识:如何使用FT..
·如何快速建造一个成功..
·ASP.NET 2.0 中的创建..
·ASP.NET2.0服务器控件..
·在ASP.NET应用中插入f..
·用Photoshop打造逼真立..
·Windows 2003搭建虚拟..
·站长必读:Web创业的1..
·如何测试机房的速度和..
·北京奥运体育图标发布..
·网络视频广告将身价百..