8.1.2 CSS generic-family 一般性字体名称
generic-family属性值是CSS2.1提出的.IE6,Firefox1.5,Opera9支持此属性值generic-family -- 表示一般性字体名称
- 取值: serif,sans-serif,cursive,fantasy,monospace
- generic:一般性的.family:家族.
- 引用网址:http://www.dreamdu.com/css/property_font_family_generic_family/
示例
.f1{font-family:serif;}.f2{font-family:sans-serif;}.f3{font-family:cursive;}.f4{font-family:fantasy;}.f5{font-family:monospace;}
在不同的浏览器上相同的generic-family的表现是不一样的,取决于用户安装了的字体.我们可以使用IE,Firefox,Opera分别测试下面事例.
说明:
- 每台计算机上已经安装了的字体都是不同的,如果我们想显示我们要显示的字体可以使用family-name属性值的方法罗列很多字体名或者也可以使用generic-family字体(generic-family代表一系列字体的简称).(这个好像对中文没什么意义:()
- 定义字体的时候最好在最后加上一个generic-family.
| Generic font 名称 | 可以显示的字体 |
|---|---|
| serif | Times New Roman, Bodoni, Garamond, Minion Web, ITC Stone Serif, MS Georgia, Bitstream Cyberbit |
| sans-serif | MS Trebuchet, ITC Avant Garde Gothic, MS Arial, MS Verdana, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica |
| cursive | Caflisch Script, Adobe Poetica, Sanvito, Ex Ponto, Snell Roundhand, Zapf-Chancery |
| fantasy | Alpha Geometrique, Critter, Cottonwood, FB Reactor, Studz |
| monospace | Courier, MS Courier New, Prestige, Everson Mono |