font 的相关了解

font 的相关了解

• font 的字体连写

  • font:italic 900 16px/50px "微软雅黑";
font-style font-weight font-size/line-height font-family

  • 在这里要注意行高的问题，如果需要设置行高以及字体，最好连体设置，否则在前边设置行高，又在后边连写font，就会把前边设置的行高按照font-size计算，覆盖前方的行高设置

    • 同时行高可以继承，其行高单位需要注意以下几点：

      • 具体的像素值;line-height:16px;
      • 使用em：line-height:2em;
        em 继承父元素
        em是当前标签设置的字体大小之间的一个换算
        例如,当前标签字体大小为16px,则line-height:2em等于32px;
      • 使用百分比:line-height:200%;
        百分比也是与当前标签设置的字体大小之间的一个换算
        例如,当前标签字体大小为16px,则line-height:200%等于32px;
      • 什么单位都不带:line-height:2;
        如果什么单位都不带,也会以字体大小为基数换算
        例如,当前标签字体大小为16px,则line-height:2等于32px;

      但是需要注意的是:

      • 在设置行高时，如果单位是em或者%,那么行高会先计算出结果以后再继承给子元素
      • 在设置行高时，如果没有单位,那么行高会先继承给子元素,然后再计算出行高