谷歌浏览器字体渲染奇怪

Question

3

我在使用Chrome/Opera浏览器时遇到了字体渲染问题，与Firefox不同。请注意下面的示例，特别是粉色文本。第一个示例中它非常模糊，在文本输入获得焦点后会改变。每当我使用翻译元素时，都会出现相同的平滑度问题。

基本预览：示例1 当聚焦于上述元素的textarea时，字体开始呈现出真正的平滑效果：示例2 文字聚焦时看起来更加平滑。对于这个问题有什么想法吗？Firefox没有这种问题。我也在使用：

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

- cobys

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- cobys · Accepted Answer

隐藏背面解决了这个问题。

.backface-hidden {
   backface-visibility: hidden;
}