为什么在Windows上的Chrome或Safari上查看时,html文本有时会显得混乱?

Bea*_*ith 15 html css safari fonts google-chrome

有时,用户会报告https://squareup.com上的文字看起来像是乱码(或乱码)......但是我们无法重现这一点.

用户报告在Windows上使用Chrome或Safari,因此这可能是webkit的问题.

以下是https://squareup.com上发生的三个截图:

例1

例2

例3

我们当前网站上的定价页面:

例4

小智 14

使用较旧版本的Windows以及较旧的Chrome分支轻松重新创建.好像Chrome 4-8有这个问题.出于测试目的,使用Chrome 4启动到XP.问题在于text-rendering: optimizelegibility.这是中老年的Chrome版本报告的bug,使用时optimizelegibility@font-face使用WOFF字体时.如果您可以重现该问题,请尝试取出vertical-align:baseline并查看呈现是否仍然是乱码.