CSS学习培训之3 字体样式应用表明

字体样式应用基础标准：清楚+易读！

当你挑选某种字体样式时，务必确保选定的字体样式不仅要在选定的服务平台上看起来非常好，还要确保在别的服务平台上也能一切正常显示信息。沒有人逼迫你依照某种方法设计方案。Web是1个对外开放式的自然环境，选用自身喜爱的字体样式，不必被1些考虑到不充足的建议松懈，要是确保你的网站浏览者可以阅读文章它就行。

下面是梳理的几种Web安全性字体样式，留意它的主要用途只是提议性的，不必求1定这样做 ^_^!

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最类似的字体样式，是实际全球中1种优质的复印字体样式，显示屏主要表现不太好 能用于设计方案新起传媒企业网站 Helvetica Tahoma 非衬线（sans-serif） 在安裝了Microsoft office的设备上都有Tahoma字体样式，可用性强，但与Verdana很类似因此用的少 设计方案商业服务网站 Tahoma Comic Sans MS 衬线（serif） 看上去很草率，是1种不宣布的字体样式 常见于显示信息1些不搞笑的笑话或复印的邀约函 Comic Sans MS Trebuchet 非衬线（sans-serif） 屏幕上显示实际效果好，比大多数数据体都小，尝试用比较有限的室内空间显示信息同样的实际效果，IE各版本号都有 能够用来设计方案本人公文包 Trebuchet Courier 等宽字体样式（Monospace） 在水平、竖直方位排序的都很好，在其中Courier New是最常见确当宽字体样式，但不宜用于太小字体样式，相近的也有Lucida Console(Windows)，American Typewriter(Mac)和Monaco(Mac) 用来显示信息编码或仿真复印机文字 Courier

下面是1组取代字体样式：

5种取代字体样式（候选字体样式） 字体样式名字 字体样式种类 字体样式特性 提议申明 Demo Lucida Grande和Lucida Sans Unicode 非衬线（sans-serif） 前者预安裝在Mac上，后者XP自带，她们是Verdana出色取代字体样式，可读性强 font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif ; Lucida Grande
Lucida Sans Unicode Futura 衬线（serif） 有很好的当代外型，预安裝在Mac OS上，用于大字体样式时效性果更好 font-family: Futura, Helvetica, Arial, sans-serif ; Futura Helvetica Neue 非衬线（sans-serif） 是Helvetica字体样式改善的版本号，根据各种各样技能使得标识符之间间距恰如其分，预安裝在绝大多数服务平台和手机软件中 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif ; Helvetica Neue Gill Sans 非衬线（sans-serif） 在文字和屏幕上显示器中可读性都强，构造紧凑型、粗体和显示信息版本号是其十分合适用于包装和海报。预安裝在Mac OS上 font-family: 'Gill Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif ; Gill Sans Palatino 衬线（serif） 安裝在Mac OS和Windows上，是1种根据意大利文艺振兴方式的复印体，在文字和显示信息凸版包装印刷款式中的实际效果非常好 font-family: Palatino, Georgia, 'Times New Roman', serif ; Palatino

下面是用:first-letter完成首字下沉实际效果，完成方法以下：

有关访问器默认设置字体样式，强烈推荐下面的3篇文章内容：

1、网页页面设计方案中的默认设置字体样式

2、再谈 Web 默认设置字体样式

3、3谈 Web 默认设置字体样式

坚信对您1定很有协助的^_^ !