我遇到过这个问题，浏览器 (Chrome) 有时会将字符呈现为完全不同的字符，但是在检查元素中，它们是按照应有的方式编写的。您将在图像中看到，右侧的检查元素显示了它应该是什么，而左侧显示了它正在呈现的内容。
我找不到重现此问题的可靠方法，我无法看到导致此问题发生的事件相关性
我注意到被替换的单词包含正确数量的字符。
据我所知，这可能发生在网站上的任何元素上。无论是从数据库中获取内容还是硬编码都没有关系。
刷新页面通常会导致文本正常呈现。它不会一直发生。
我最近刚加入 stackoverflow，所以我需要 10 声望才能发布图片。
【问题讨论】：
标签： html text character rendering
这种情况是只发生在一个特定的网站上，还是仅在某些特定的网站上发生？我在想，也许他们使用 JS 来喜欢动态更改 HTML（无论出于何种原因）。
另一个原因可能是您在 Chrome 中安装的某些插件运行不佳/导致问题。
另外请发布页面使用的编码（如 UTF、ISO），这可能会有所帮助。
除此之外，要将其范围缩小到 Chrome 问题，请检查其他浏览器是否存在相同问题。
【讨论】：
问题似乎是由“文本渲染：优化易读性；”引起的。
通常与 text-transform:uppercase;/text-transform:capitalize; 结合使用时, 或字母间距。
这也可能是 opimizelegibility 和 Proxima Nova 的问题，因为我从未在其他任何地方遇到过这种情况。
查找textrendering后：opimizelegibilty;属性更多，我已经发布了由于性能问题而不是谨慎地使用它是一个糟糕的决定（还有这个奇怪的......）。从现在开始，我只会在字距调整看起来特别差的情况下使用它。
【讨论】：