参考线-深入理解字体

参考线-深入理解字体
font-family

文字
文字是通过制作文件制作的

制作文字时有几根参考线，不同文字参考线不一样。同一种文字类型，参考线一致。

font-size
设置的是文字的相对大小

相对值取值：1000 .2048 .1024
文字顶线到底线的距离，是文字的实际大小（contenmt-area 内容区）

行盒的背景，覆盖content-area

line-height
顶线向上延伸的空间，与底线向下延伸的空间，两个空间相等，该空间为gap。是作者设计的

top到bottom 叫virtual-area 虚拟区

行高就是virtual-area

line-height

normal：使用默认的gap
vertical-align
决定参考线： font-size font-family line-height

一个元素如果子元素出现行盒，该元素内部也会产生参考线。