第五章 字体

1.字体族

1. font-family   

h1 {font-family: Arial, sans-serif;}

 

2.使用@font-face

@font-face {
font-family: "SwitzeraADF";
src: url("SwitzeraADF-Regular.otf"),
url("/fonts/SwitzeraADF-Regular.otf");
}

多个源文件是防止 ，第一个炸了，就这么简单。 

 

3.字重

不同的文字，对应的字重是不一样的。

一般情况下：

400-normal

500 medium

700  bold

bolder和lighter 是相对而言的，并不是绝对的。

 

4.字号

1.他的关键字都是相对而言的。

2.那么larger 和smaller 就是更加的相对了。

3.百分数和em

4.字号继承是一个累乘的过程。

还有显示时候的舍入。

p {font-size: medium;} /* the default value */
span {font-family: monospace, serif; font-size: 1em;}

等宽字段bug ，加上serif就好了。

 

5. 自动调整字号

font-size-adjust 

计算公式

font-size *（font-size-adjust值/字体的高度比值）

verdana 0.58 ，TImers 0.43 这是一种字体

 

5.字形

font-style  normal ，italic，oblique

 

6.字体拉伸

font-stretch 很多自己查百度

 

7.字距调整

font-kerning auto  normal，none

 

8.字体变形

font-variant  normal， small-caps

 

9.字体合成

font-feature-setting   normal|<feature-tag-value>

<string>[<integer>|on|off]?

caption
Used for captioned controls, such as buttons

icon
Used to label icons
menu
Used in menus—that is, drop-down menus and menu lists
message-box
Used in dialog boxes
small-caption
Used for labeling small controls
status-bar
Used in window status bars

10.字体合成

font-synthesis  none  weight ||style

 

11.字体特性

font

其中包括line-height