我刚开始编写自己的网站,因为我喜欢印刷网页设计,所以我试图为徽标使用非常大的自定义字体。不幸的是,在我使用带有 Retina 显示器的 MacBook Pro 对 Safari 进行测试时,我注意到字体渲染中有一些伪影:/ 首先我认为我有一些错误,但后来我发现它发生在任何字体上,如果它是足够大...
这种行为在诸如http://fittextjs.com之类的网站上可见,其中标题的轮廓未正确呈现。对于没有视网膜显示器的任何人,这里是我正在谈论的内容的屏幕截图http://cl.ly/JL0j
奇怪的是,Chrome 上不存在这个奇怪的错误,而且由于它们都是基于 Webkit 的,我认为后者可能使用了正确呈现文本的 CSS 默认值。
在我填写 rdar 之前,任何知道如何解决这种情况的 CSS 大师 :) 吗?
更新:我应该注意到我已经尝试过使用 -webkit-font-smoothing: antialiased; 它不起作用:/