字符随意更改

Characters arbitrarily being changed

我遇到过这个问题,浏览器 (Chrome) 有时会将字符呈现为完全不同的字符,但是在 inspect 元素中,它们是按应有的方式编写的。您会在图像中看到,右侧的检查元素显示了它应该是什么,而左侧显示了它呈现的样子。

我最近才加入 Whosebug,所以显然我需要 10 个声望才能 post 图片。

http://imgur.com/G3yvRg2

http://imgur.com/Jqk2jwB

这种情况是只发生在一个特定的网站上,还是发生在某些特定的网站上?我在想,也许他们使用 JS 喜欢动态更改 HTML(无论出于何种原因)。

另一个原因可能是您在 Chrome 中安装了某些插件,该插件运行不佳/导致出现问题。

另请 post 页面使用的编码(如 UTF、ISO),这可能会有所帮助。

除此之外,要真正将其缩小为 Chrome 问题,请检查其他浏览器是否存在相同问题。

问题似乎是由 'text-rendering: optimizelegibility;' 引起的。

主要是与 text-transform:uppercase;/text-transform:capitalize; 结合使用时, 或字母间距。

这也可能是 opimizelegibility 和 Proxima Nova 的问题,因为我从未在其他任何地方遇到过这种情况。

查找后textrendering:opimizelegibilty; 属性 此外,我已经宣布,由于性能问题(还有这个奇怪的问题……),更多地使用它是一个糟糕的决定。从现在开始,我只会在字距调整看起来特别差的情况下使用它。