首页 > 开发 > CSS > 正文

CSS学习之三 字体使用说明

2024-07-11 08:38:28
字体:
来源:转载
供稿:网友

字体使用基本原则:清晰+易读!

当你选择某种字体时,必须保证选定的字体不但要在选定的平台上看起来不错,还要保证在其他平台上也能正常显示。没有人强迫你按照某种方式设计。Web是一个开放式的环境,采用自己喜欢的字体,不要被一些考虑不充分的意见动摇,只要保证你的网站访问者能够阅读它就行。

下面是归纳的几种Web安全字体,注意它的用途只是建议性的,不要求一定这样做 ^_^!

Web安全字体
字体名称字体类型字体特点用途Demo
Verdana非衬线(sans-serif)可读性强,适合在小字体中使用,99%的Web用户机器上都有安装主要用于政府性或重要的商业网站Verdana
Georgia衬线(serif)专为屏幕显示而设计的,它的斜体清晰易读主要用于与历史有关的网站Georgia
Times New Roman衬线(serif)专为PC平台(屏幕显示)设计的,如果希望你的网页可读性更强,可使用Georgia替代通常用于金融机构网站Times New Roman
Times衬线(serif)针对Mac平台设计的Times New Roman字体,但不是专为屏幕显示而设计的通常用于金融机构网站Times
Arial非衬线(sans-serif)这种字体设计的网站看起来有现代感,运用广泛,不宜用于小字体常用语高雅的博物馆网站设计Arial
Helvetica非衬线(sans-serif)Mac机上与Arial最相似的字体,是现实世界中一种优良的打印字体,屏幕表现不好可用于设计新兴传媒公司网站Helvetica
Tahoma非衬线(sans-serif)在安装了Microsoft office的机器上都有Tahoma字体,适用性强,但与Verdana很相似所以用的少设计商业网站Tahoma
Comic Sans MS衬线(serif)看上去很轻率,是一种不正式的字体常用于显示一些不滑稽的笑话或打印的邀请函Comic Sans MS
Trebuchet非衬线(sans-serif)屏幕显示效果好,比大多数字体都小,试图用有限的空间显示相同的效果,IE各版本都有可以用来设计个人公文包Trebuchet
Courier等宽字体(Monospace)在水平、垂直方向排列的都很好,其中Courier New是最常用的当宽字体,但不宜用于过小字体,类似的还有Lucida Console(Windows),American Typewriter(Mac)和Monaco(Mac)用来显示代码或仿真打印机文本Courier

下面是一组替代字体:

5种替代字体(候选字体)
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表