字体

字体系列

特定字体系列: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规则