字体
字体系列
特定字体系列:Times,Verdana,Helvetica,Arial 。
CSS定义的5种通用的字体系列:Serif字体,Sans-serif字体,Monospace字体,Cursive字体,Fanstasy字体。
从理论上讲,用户安装的任何字体系列都会落入上述某种通用系列当中。
Font-family指定采用字体系列。通过结合特定字体名和通用字体系类,可以创建与你预想完全相同(或者很接近)的文档。
有关font-family属性说明在https://www.w3.org/TR/CSS22/fonts.html#font-family-prop这个链接可以找的到,上面的说明符号感觉类似正则表达式,有下面的文档约定:
文档约定
1. 基本数据类型,出现在“<”和“>”之间。斜线(/)和逗号(,)必须原样出现。等宽度字体显示的词是必须原样显示关键字,不要加引号。
2. 几个并列的词意味着它们都必须按照给定的顺序出现。
3. “|”分隔两个或更多的选项,则必须有一个选项出现。
4. “||”分隔两个或更多组件,可以出现一个或多个或所有选项,可以任意顺序。
5. “&&”分隔两个或更多组件,所有这些组件都必须全部出现,可以任意顺序。
6. “[]”表示分组。
7. 星号(*)指示前面的类型、单词或组出现零次或多次。
8. 加号(+)表示前面的类型、单词或组出现一次或多次。
9. 问号(?)指示前面的类型、单词或组是可选的。
10. 在括号内的一对数字({a,b})表示前面的类型、单词或组至少出现a个和最多b次。
注:关于文档约定可以看 About the CSS 2.2Specification 。
使用引号:
字体名中有一个或多个空格,或者字体名中包括#或$之类的符号,才需要在font-family的属性值中加引号。如果字体名称和通用字体系列同名,也要加引号,单引号和双引号都可以接受。
字体加粗
一般的,100-900这些数都被定义为与某一个常用变形名等价,400等价于normal,700等价与bold。如果将一个元素加粗设置为bolder,用户代理必须确定从父元素继承的font-weight值。然后选择一个数,比继承下来的值更大,并且在所有满足条件的数中最小。如果继承下来的值已经是900,加粗则保持900。
字体大小
这个属性拥有两个相对大小的关键字larger和smaller,可以让font-size的计算值上移或下移。Font-size的作用是为给定字体的em框提供一个大小,而不能保证实际显示的字符就是这种大小。
可以指定绝对大小和相对大小,也可以指定百分数的值。字体大小继承时继承的是计算值不是百分数。使用长度单位时,我们应该关心显示媒体的ppi,不同的显示器有着不同的分辨率。
字体风格
字体变形
font属性
line-height是一个文本属性,而不是字体属性,可以作为font-size的一个补充,并用一个/分隔。
系统字体
字体匹配
Font-face规则