CSS定义了5种通用字体系列
Serif 字体 成比例，有上下短线
Sans-Serif 字体 这些字体成比例，但没有上线短线
Monospace字体 不成比例 通常用于模拟打字机输出的文本
Cursive 字体 模仿人的手写体
Fantasy 字体 无特定特征，无法归类的字体
如果希望文档中使用serif字体但不关心具体哪种，可以使用body{font-family:serif}
这样用户代理会从serif中选择一个字体并应用
建议所有font-family属性中都提供一个通用字体系列。{font-family:Arial,serif}
如果字体名称中有空格或特殊字符需要使用单引号，在指定具体通用系列时比如serif，不能加引号，因为如果加引号会认为是一种特定字体而不是一个字体系列。
单引号和双引号都可以，要注意在style中因为有“” 所以避免相同要使用‘’单引号
字体加粗
font-weight:normal|bold|bolder|lighter|100~900|inherit
字体大小
font-size: xx-small x-small normal medium large x-large xx-large smaller larger
前七个为绝对大小，通常一个绝对大小与下一个绝对大小之间的差别（缩放因子）应该是向上1.5向下0.66 如medium10px large为15px
smaller 和larger都是相对大小，相对大小的缩放系数一般为1.2/0.8
字体风格
font-style：italic|oblique|normal|inherit
斜体（italic）/倾斜（oblique） 字体文件归类不同
字体变形：font-variant
font-variant:small-caps|normal|inherit
small-caps 是指小型大写字母文本，只要文本源中出现大写字母，会显示一个更大的大写字母，如果出现小写字母，就会显示一个小型的大写字母
font简写
font:font-style font-variant font-weight (这三个没有顺序 normal可以省略，被省略的属性默认置为normal)后面的font-size font-family 必须按照顺序写，而且这两个值必须有。
比如写 h1{font:italic 16px serif } 等价于h1{normal normal italic 16px serif}会使h1失去bold属性
使用系统字体
caption 用于有标题的控件，比如按钮
icon 用于对图标加标签
menu 用于菜单，即下拉菜单和菜单列表
message-box 用于对话框
small-caption 用于对小控件加标签
status-bar 用于窗口状态条
例如button{ font:caption}
font-face规则
@font-face { font-family:; src[][,[]]*;; [font-weight:]; [font-style:];}
作用是自定义字体
网友评论