我有一个在Firefox上看起来很棒的webfont,而不是Chrome.我尝试过使用文本渲染属性,结果不那么引人注目.我的CSS是这样的：
@font-face {
font-family: 'TextFont';
src: url('[my font file url]') format('truetype');
font-weight: normal;
font-style: normal;
}
body {
font-family: TextFont,Tahoma,Geneva,sans-serif;
text-rendering: auto;
}
改变文本渲染似乎在Firefox中没有任何作用,所以我发布了一个截图.
结果：
> Firefox(a.k.a.“应该是什么样子”)
> Chrome – 文本呈现：optimizeLegibility
> Chrome – 文字渲染：optimizeSpeed
> Chrome – 文本渲染：geometricPrecision
与Firefox版相比,所有Chrome屏幕截图看起来都很糟糕. CSS中缺少什么东西？
我使用的是Windows 7,Firefox 8.0和Chrome 15.0.
