css – Chrome中的Web字体

@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 – 文字渲染：自动

> Chrome – 文本呈现：optimizeLegibility

> Chrome – 文字渲染：optimizeSpeed

> Chrome – 文本渲染：geometricPrecision

与Firefox版相比,所有Chrome屏幕截图看起来都很糟糕. CSS中缺少什么东西？

我使用的是Windows 7,Firefox 8.0和Chrome 15.0.