英文常用字体(精品).doc

在网页中呈现的字体通常分为以下5类：serif、sans-serif、monospace（等宽）、fantasy（梦幻）和cuisive（草体）这些通用的名称允许用户代理从相应集合中选择一款字体例如： 如果要指定一种通用字体，可以使用 body{font-family:sans-serif}此时，浏览器会选择它自己默认的sans-serif字体来显示页面serif字体在字符笔画末端有叫做衬线（serif）的一些小细节这些细节在大写字母中特别明显serif字体包括Times New Roman、Georgia和Palatino等sans-serif字体在字符笔画末端没有任何细节与serif字体相比，它们的外形更简单Arial和Verdana就属于sans-serif字体Monospace字体，比如Coueier和Monotype，每个字母的宽度相等（即“i”和“m”具有相同的宽度）这种字体通常用于计算机相关的书籍中排版代码块fantasy和cuisive字体在浏览器中不常用，由于在各个浏览器有明显的差异，所以用的时候需要在各个浏览器中进行测试下面做些测试，在看结果之前，先看以下代码：

A Serif headline ABCDEabcde O0 o0

Serif paragraph text. ABCDEabcde O0 o0

A Sans-Serif headline ABCDEabcde O0 o0

Sans-Serif paragraph text. ABCDEabcde O0 o0

A Monospace headline ABCDEabcde O0 o0

Monospace paragraph text. ABCDEabcde O0 o0

A Cursive headline ABCDEabcde O0 o0

Cursive paragraph text. ABCDEabcde O0 o0

A Fantasy headline ABCDEabcde O0 o0

Fantasy paragraph text. ABCDEabcde O0 o0这里在开头的css部分只是定义了字体的大致表现形式，如serif，sans-serif等，而没有具体的定义是何种字体，如time new roman,verdana等。

所以这里具体的表现形式，就要视浏览器本身的情况而定下面就是这几种字体在不同浏览器中的表现：图一注：每行最后面分别是大写O和 数字0，小写o和数字0.这是这几种字体在 IE9 浏览器下的表现形式，可以看出serif和sans-serif 的明显差别Monospace字体在形态上要比前两种小一些，可以看出每个字母占的宽度都是相同的图二注：每行最后面分别是大写O和 数字0，小写o和数字0.这个是在火狐浏览器中的结果，可以看出由于没有具体定义是哪种字体类型，导致本身应该有衬线的serif字体，在该浏览器中没有显现出来这使得serif字体和 sans-serif字体在一定程度上非常的相似，从表面上我们仅仅能看出 sans-serif 只是字母间的间距比serif稍微宽点如果在火狐浏览器中，这两种字体只有一个出现的情况下，很难区分到底是哪种字体图三注：每行最后面分别是大写O和 数字0，小写o和数字0.这里在谷歌浏览器中，和火狐一样，serif 和 sans-serif的表现形式是一样的，只是火狐浏览器这两种字体都没有衬线，而谷歌浏览器都有衬线从这三种不同的浏览器中，可以看出在没有定义具体字体时，它们默认的效果都不相同，从整体来看，只有IE9能很好的区分serif和sans-serif字体。

而monospace字体在三种浏览器中都要比serif和sans-serif字体要小Cursive和fantasy字体在浏览器中的表现形式差别很大，所以在前面说，用的时候需要在各个浏览器中进行测试。