为什么在Windows上的Chrome或Safari上查看时，html文本有时会出现乱码？

问题描述

有时用户会报告：

解决方案

使用较旧版本的Windows以及旧版Chrome可轻松重新创建。似乎Chrome 4-8有这个问题。为了测试的目的，使用Chrome 4引导到XP。问题在于 text-rendering：optimizelegibility 。当使用woff字体时，使用 optimizelegibility 和 @ font-face 时，这是旧版Chrome版本中报告的错误。如果可以重现此问题，请尝试删除vertical-align：baseline并查看渲染是否仍显示为乱码。

Occasionally users report that the text on https://squareup.com looks like gibberish (or garbled) to them… however we’ve been unable to reproduce this.

Users report to be using either Chrome or Safari on Windows, so this may be an issue with webkit.

Here are a three screenshots that have been taken of this occurring on https://squareup.com:

The pricing page on our current site:

解决方案

Easily recreated by using an older version of Windows as well as an older branch of Chrome. Seems like Chrome 4-8 have this issue. For testing purposes, boot into XP with Chrome 4. The problem lies in text-rendering: optimizelegibility. This is a reported bug in older Chrome versions when using optimizelegibility with @font-face when using woff fonts. If you can reproduce the issue, try taking out vertical-align: baseline and see if the rendering is still garbled.

这篇关于为什么在Windows上的Chrome或Safari上查看时，html文本有时会出现乱码？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！