Chrome中的Web字体

Question

我有一个在Firefox上看起来很棒的webfont,而不是Chrome.我试过玩这个text-rendering房子,结果不那么引人注目.我的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;
}

改变text-rendering似乎没有在Firefox中做任何事情,所以我发布了一个截图.

结果:

• Firefox(又名"应该是什么样子")

  

• Chrome - text-rendering: auto

  

• Chrome - text-rendering: optimizeLegibility

  

• Chrome - text-rendering: optimizeSpeed

  

• Chrome - text-rendering: geometricPrecision

  

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

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

Answer 1

通过 CSS 确实无法改善这一点。Firefox 和 Chrome 的文本渲染引擎不同，您将看到结果。如果字体没有正确提示并为网络字体做好准备，您可以预期这样的结果会得到增强。

字体是从哪里获取的？

您可以尝试通过 FontSquirrel 运行它，看看 Ethan 提供的任何自动提示是否可以使这一点正常化。

有关渲染和 DiretWrite 的一些附加信息，这是您所看到的最大区别...http://blogs.adobe.com/typblography/2010/11/microsoft-directwrite-is-coming.html