CSS权威指南读书笔记-字体

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:];}

作用是自定义字体