确保大文本的正确垂直位置

Tobi Reif 指出，即使在同一浏览器、不同操作系统上，设置了超大字号的自定义字体的垂直位置也可能大相径庭。解决方法？您知道某些 CSS 属性仅在 @font-face 块内有效吗？它们被称为“描述符”，font-display 就是一个常用的例子。还有其他一些支持度较低的属性，例如 ascent-override、descent-override 和 line-gap-override。Chrome 支持这些属性，并且可以用来解决这个问题。

我很喜欢这种方法，它可以覆盖本地（回退）字体的“度量标准”，以匹配您将加载的自定义字体，这样当自定义字体加载时，文本几乎不会移动。我讨厌 FOUT（我知道从理论上讲它对性能有好处），但如果文本替换不会导致内容大幅度移动，我还是可以接受的。

以上是确保大文本的正确垂直位置的详细内容。更多信息请关注PHP中文网其他相关文章！