英文常用字体.docVIP

在网页中呈现的字体通常分为以下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字体在浏览器中不常用，由于在各个浏览器有明显的差异，所以用的时候需要在各个浏览器中进行测试。 下面做些测试，在看结果之前，先看以下代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=/1999/xhtml lang=en xml:lang=en head titleFont-family generic demo/title meta http-equiv=Content-type content=text/html; charset=iso-8859-1 / meta http-equiv=Content-Language content=en-us / link href=demo_styles.css rel=stylesheet type=text/css / style type=text/css .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;} /style /head body h2 class=serifA Serif headline ABCDEabcde O0 o0/h2 p class=serifSerif paragraph text. ABCDEabcde O0 o0/p h2 class=sansserifA Sans-Serif headline ABCDEabcde O0 o0/h2 p class=sansserifSans-Serif paragraph text. ABCDEabcde O0 o0/p h2 class=monospaceA Monospace headline ABCDEabcde O0 o0/h2 p class=monospaceMonospace paragraph text. ABCDEabcde O0 o0/p h2 class=cursiveA Cursive headline ABCDEabcde O0 o0/h2 p class=cursiveCursive paragraph text. ABCDEabcde O0 o0/p h2 class=fantasyA Fantasy headline ABCDEabcde O0 o0/h2 p class=fantasyFantasy paragraph text. ABCDEabcde O0 o0/p /body /html !--end sample doc-- 这里在开头的css部分只是定义了字体的大致表现形式，如serif，sans-serif等，而没有具体的定义是何种字体，如time new roman,verdana等。所以这里具体的表现形式，就要视浏览器本身的情况而定。下面就是这几种字体在不同浏览器中的表现： 图一 注：每行最后面分别是大写O和 数字0，小写o和数字0. 这是这几种字体在 IE9 浏览器下的表现形式，可以看出serif和sans-serif 的明显差别。Monospace字体在形态上要比前两种小一些，