ascent-override、descent-override、line-gap-override 介绍

333 阅读1分钟

①ascent-override、descent-override 和 line-gap-override 这 3 个 CSS 属性作用都是类似的,都是在 @font-face 自定义字体中设置文字的上、中或下间隙大小;
②ascent-override 和 descent-override 属性就是用来重置字体内部的 ascent 和 descent 的;
③line-gap-override 属性的作用是重置这个字体内部设定的行间隙(可以近似理解为行高);
④ascent 是设置上悬线的位置,默认是 100%,范围从 0%-∞,值越大,文字越下沉,这个很好理解,上悬线的位置大了之后,文字的文字自然就靠下了;
⑤descent 是设置下悬线位置,由于不支持负值,且一般字体内部的 descent 都是负值,因此,初始值可以看成是 0%,值越大,文字的位置越高;
⑥line-gap-override 设置要想生效,则对应字体所在的 lien-height 属性值必须是 normal,无论是数值,长度值还是百分比值都会让 line-gap-override 属性没有效果,line-gap-override 不支持负值,因此,只能让行高变高,而不能减少;
(参考:www.zhangxinxu.com/wordpress/2…