英文常用字体.doc

在网页中呈现的字体通常分为以下5类：serif、sans-serif、monospace（等宽）、fantasy（梦幻）和cuisive（草体）。这些通用的名称允许用户代理从相应集合中选择一款字体。例如：如果要指定一种通用字体，可以使用 bodyfont-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字体在浏览器中不常用，由于在各个浏览器有明显的差异，所以用的时候需要在各个浏览器中进行测试。下面做些测试，在看结果之前，先看以下代码：Font-family generic demo.serif font-family:serif;.sansserif font-family:sans-serif;.monospace font-family:monospace;.cursive font-family:cursive;.fantasy font-family:fantasy;h2 margin-bottom:0px;p margin-top:0px;A Serif headline ABCDEabcde O0 o0Serif paragraph text. ABCDEabcde O0 o0A Sans-Serif headline ABCDEabcde O0 o0Sans-Serif paragraph text. ABCDEabcde O0 o0A Monospace headline ABCDEabcde O0 o0Monospace paragraph text. ABCDEabcde O0 o0A Cursive headline ABCDEabcde O0 o0Cursive paragraph text. ABCDEabcde O0 o0A Fantasy headline ABCDEabcde O0 o0Fantasy 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字体。而monospac