Tobi Reif 指出,即使在同一瀏覽器、不同操作系統上,設置了超大字號的自定義字體的垂直位置也可能大相徑庭。解決方法?您知道某些CSS 屬性僅在@font-face 塊內有效嗎?它們被稱為“描述符”, font-display
就是一個常用的例子。還有其他一些支持度較低的屬性,例如ascent-override
、 descent-override
和line-gap-override
。 Chrome 支持這些屬性,並且可以用來解決這個問題。
我很喜歡這種方法,它可以覆蓋本地(回退)字體的“度量標準”,以匹配您將加載的自定義字體,這樣當自定義字體加載時,文本幾乎不會移動。我討厭FOUT(我知道從理論上講它對性能有好處),但如果文本替換不會導致內容大幅度移動,我還是可以接受的。
以上是確保大文本的正確垂直位置的詳細內容。更多資訊請關注PHP中文網其他相關文章!