我想在标题上使用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/