Tobi Reif 指出,即使在同一浏览器、不同操作系统上,设置了超大字号的自定义字体的垂直位置也可能大相径庭。解决方法?您知道某些 CSS 属性仅在 @font-face 块内有效吗?它们被称为“描述符”,font-display
就是一个常用的例子。还有其他一些支持度较低的属性,例如 ascent-override
、descent-override
和 line-gap-override
。Chrome 支持这些属性,并且可以用来解决这个问题。
我很喜欢这种方法,它可以覆盖本地(回退)字体的“度量标准”,以匹配您将加载的自定义字体,这样当自定义字体加载时,文本几乎不会移动。我讨厌 FOUT(我知道从理论上讲它对性能有好处),但如果文本替换不会导致内容大幅度移动,我还是可以接受的。
以上是确保大文本的正确垂直位置的详细内容。更多信息请关注PHP中文网其他相关文章!