奇怪的一：安卓网站上的文字被打乱了，看起来被黑了，但不是答案

【问题标题】：Strange one: Text in website on Android is scrambled, looks hacked, but isn't奇怪的一：安卓网站上的文字被打乱了，看起来被黑了，但不是
【发布时间】：2013-08-03 06:12:08
【问题描述】：

有一个奇怪的。

http://reaganhayes.com/finishes/

在其他浏览器（包括 iPad 和 iPhone）中正常显示文本，但在我的 Android 手机上，它会将菜单文本和标题显示为垃圾文本，例如“crokfpefkdp”和“d^iibov”

截图如下：http://reaganhayes.com/temp/android_text.png

在 Chrome 检查器中，查看源代码，文本是正常的“关于”、“联系”等。我使用 Adobe 的 Edge Inspect 检查手机的浏览器，它在源代码中显示正常的字词。

我在两部不同的 Android 手机上进行了尝试，结果相同。我的手机是三星 Vibrant，运行 FROYO.UVKA6

我认为这是字体字符映射问题，因为菜单和标题中的相同单词具有相同的垃圾文本，但是当我去除所有字体并仅使用 Arial 时，结果相同。我使用网站的实际 CSS 以及 Chrome 检查器进行了尝试。

字符集是标准的 UTF-8。

Wordpress 主题是 Wordpress 2012 主题的修改版本。

W3 Total Cache 之前运行过，但我在解决问题时已将其停用。

有什么想法吗？

谢谢！肯尼

【问题讨论】：

标签： android wordpress fonts render

【解决方案1】：

只需尝试更改 style.css 中的文本渲染方法即可。

发件人：

body {
…
text-rendering: optimizeLegibility;
…
}

收件人：

body {
…
text-rendering: auto;
…
}

OptimizeLegibility 方法在 Android Froyo 上被破坏。

希望这会有所帮助！

【讨论】：

完美。谢谢@Dima，你成功了。