我想在标题上使用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;
}
答案 0 :(得分:1)
经过更多研究,看来现代浏览器确实支持亚像素字母间距,请参见https://css-tricks.com/almanac/properties/l/letter-spacing/