子像素和字母間距

Question

我想在標題上使用letter-spacing 。 標題是響應式的：在較小的屏幕尺寸下，標題的font-size較小。 因此，使用em進行字母間距測量是有意義的。

我注意到這會導致 subpixle letter-spacing 。 它在我的 Mac 上的 Firefox、Chrome 和 Safari 中看起來很好，但它可以在所有瀏覽器上運行嗎？ 或者一些（舊的）瀏覽器會四舍五入到最近的像素嗎？

我想避免瀏覽器四舍五入到零 - 因此忽略字母間距。 或者四舍五入到 1 並且字母間距太松。

我幾年前讀過這篇文章，這意味着瀏覽器舍入了子像素 Web-Kit 和子像素值，解決方法？

h1 {
    font-size:7.2rem; /* equals 72px */
    letter-spacing:0.01em; /* equals 0.72px */
    }

Answer 1

經過更多研究，現代瀏覽器似乎確實支持子像素字母間距，請參閱https://css-tricks.com/almanac/properties/l/letter-spacing/