我想在标题上使用letter-spacing。标题是响应性的:在较小的屏幕尺寸下,标题具有较小的font-size。因此,使用em进行字母间距测量是有意义的。
我注意到这会导致亚像素letter-spacing。它在我的Mac上的Firefox、Chrome和Safari中看起来很不错,但它能在所有浏览器中工作吗?或者一些(旧的)浏览器会舍入到最近的像素?
我想避免浏览器舍入到零-因此忽略字母间距。或者四舍五入为1,字母间距过松。
我几年前读过这篇文章,这意味着浏览器的子像素是圆形的Web-Kit and sub-pixel values, workaround?

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

最佳答案

经过更多的研究,现代浏览器似乎确实支持亚像素字母间距seehttps://css-tricks.com/almanac/properties/l/letter-spacing/

关于html - 亚像素和字母间距,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57200567/

10-11 21:33