我有一个Webfont在Firefox上看起来很棒,在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;
}

在Firefox中更改text-rendering似乎没有任何作用,因此我为此发布了一个屏幕截图。

结果:
  • 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。

    最佳答案

    确实没有什么可以通过CSS进行改进的方法。 Firefox和Chrome之间的文本呈现引擎有所不同,您会看到结果。如果未正确提示字体并为Web字体做好准备,则可以期望得到类似结果。

    字体是从哪里获得的?

    您可以尝试通过FontSquirrel运行它,以查看Ethan提供的任何自动提示是否可以对此进行某种程度的标准化。

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

    关于css - Chrome中的网络字体,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8513637/

    10-12 12:59
    查看更多