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

Tobi Reif 指出，即使在同一瀏覽器、不同操作系統上，設置了超大字號的自定義字體的垂直位置也可能大相徑庭。解決方法？您知道某些CSS 屬性僅在@font-face 塊內有效嗎？它們被稱為“描述符”， font-display就是一個常用的例子。還有其他一些支持度較低的屬性，例如ascent-override 、 descent-override和line-gap-override 。 Chrome 支持這些屬性，並且可以用來解決這個問題。

我很喜歡這種方法，它可以覆蓋本地（回退）字體的“度量標準”，以匹配您將加載的自定義字體，這樣當自定義字體加載時，文本幾乎不會移動。我討厭FOUT（我知道從理論上講它對性能有好處），但如果文本替換不會導致內容大幅度移動，我還是可以接受的。

以上是確保大文本的正確垂直位置的詳細內容。更多資訊請關注PHP中文網其他相關文章！