亚像素和字母间距

时间:2019-07-25 11:09:51

标签: html css

我想在标题上使用letter-spacing。标题具有响应性:在较小的屏幕尺寸下,标题具有较小的font-size。因此,将em用于字母间距测量是很有意义的。

我注意到这会导致子像素letter-spacing。在Mac上的Firefox,Chrome和Safari中看起来不错,但是可以在所有浏览器上使用吗?还是某些(较旧的)浏览器会四舍五入到最接近的像素?

我读了几年前的这篇文章,这暗示着浏览器四舍五入的子像素Web-Kit and sub-pixel values, workaround?

h1 {
    font-size:7.2rem;
    letter-spacing:0.01em;
    }

1 个答案:

答案 0 :(得分:1)

经过更多研究,看来现代浏览器确实支持亚像素字母间距,请参见https://css-tricks.com/almanac/properties/l/letter-spacing/