我遇到了这个问题,我需要让用户轻松阅读文本,所以我使用了1个PX的字母间隔,但看起来很丑,所以我想我会使用半像素SO SO 0.5px,但是它不起作用,我尝试使用EM属性,但没有实现任务。

因此,有没有办法使字母间距半像素(如果可能的话,交叉浏览器解决方案)

有帮助吗?

解决方案

该错误已在2008年报告,并已得到证实。因此,如果有人觉得自己想入侵韦克凯特,那会让很多设计师感到高兴。

https://bugs.webkit.org/show_bug.cgi?id=20606

其他提示

子像素字母间距在FF上可以正常工作,但在WebKit上不正常(至少在Windows上)。请参阅此测试案例:
http://jsfiddle.net/fzyql/2/

该测试还表明,问题不是子像素文字值。使用分数 em 导致少于1px的字母间隔的值也没有在Webkit上受到尊重,而是在Firefox上的工作也不错。

Firefox versus Webkit

这个错误已经 固定在铬中 并降落在Chrome 30中。因此,Firefox,Chrome和Opera现在支持分数值。

@zach Re:分数像素。尽管它们在物理上不存在,但它们是通过透明胶片和颜色变化进行数字模拟的。一个很好的例子是图标和类型的衬线。仔细观察看起来很细的线条将迅速表明它是通过用更轻的颜色愚弄眼睛来模拟的。因此,即使它们不存在,图形软件也从长时间以来就可以正确处理分数像素。可惜的是,Webkit浏览器仍然没有。

回复:分数字母间距。它可以在非webkit浏览器中指定并正常运行(IE一次的Kudos)。在Webkit浏览器中,字母的间距四舍五入到最接近的整数(我相信它已舍入)。此舍入不仅是当直接将字母间隔指定为分数像素时,还会发生这种舍入时,当它指定为百分比或EM值时,以及像素中的最终计算结果为小数像素。非常令人沮丧。

子像素尺寸是合法的,但是它们可以在浏览器之间取得不可预测的结果。诸如文本之类的东西也试图使自己与整个像素保持一致(正如Phrogz所说),因此,最终的舍入错误可能会使事情看起来不平衡。

分数字母间隔值 受到Webkit的支持, 自2013年底以来,Firefox,Chrome和Opera。

由CSS技巧确认 - https://css-tricks.com/almanac/properties/l/letter-pacing/

我只是测试了它。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top