子像素和字母间距

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/