我有一个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
似乎没有任何作用,因此我为此发布了一个屏幕截图。结果:
text-rendering: auto
text-rendering: optimizeLegibility
text-rendering: optimizeSpeed
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/