我遇到过这个问题，浏览器（Chrome）有时会将字符渲染为完全不同的字符，但是在检查元素中，他们会写出它们应该是怎样的。您将在图像中看到右侧检查元素显示它应该是什么，并在左侧显示它呈现的内容。
我无法找到一种可靠的方法来复制这个问题，我可以看到没有相关事件导致这种情况发生
我注意到被替换的单词包含了它应该是的单词的正确数量。
就我所见，这可能发生在网站上的任何元素上。如果它从数据库中获取内容或者它是否经过硬编码，则无关紧要。
刷新页面通常会导致文本正常呈现。它并不是一直都在发生。
我刚刚加入了stackoverflow，所以我需要10点声望才能发布图片。
答案 0 :(得分：0)
这是仅在某个特定网站或某些特定网站上发生的吗？我在想，也许他们使用JS来动态地改变HTML（无论他们想要什么原因）。
另一个原因可能是您在Chrome中安装的某个插件，该插件工作正常/导致问题。
另外，请发布页面使用的编码（如UTF，ISO），这可能有所帮助。
除此之外，要真正将其缩小到Chrome问题，请在其他浏览器中查看相同问题。
答案 1 :(得分：0)
似乎问题似乎是由'text-rendering：optimizelegibility;'引起的。
主要与text-transform结合使用时：uppercase; / text-transform：capitalize;或字母间距。
由于我从未在其他任何地方遇到过这种情况，因此也可能是opimizelegibility和Proxima Nova的问题。
查找textrendering后：opimizelegibilty;财产更多，我已经发布，由于性能问题（而且这个奇怪的......），使用它是一个非常糟糕的决定。从现在开始，我只会在字距变得特别差的情况下使用它。