CSS:@ font-face抗锯齿

Question

我对@ font-face CSS选项有点挣扎.经过大量的阅读,尝试,重试我终于遇到了一个网站,当你上传你的字体时,它会让你成为一个随时可用的包.它现在正在运行,但似乎字体没有得到消除锯齿.虽然我在其他网站上看到这种情况,但我的标题并没有按照我想要的方式呈现.

我的CSS代码:

@font-face {
font-family: 'YanoneKaffeesatzThin';
src: url('../fonts/yanonekaffeesatzthin-webfont.eot');
src: local('?'), url('../fonts/yanonekaffeesatzthin-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatzthin-webfont.ttf') format('truetype'), url('../fontsyanonekaffeesatzthin-webfont.svg#webfontyC5sm3N9') format('svg');
font-weight: normal;
font-style: normal;}

还有什么可以让这个最后但又令人讨厌的问题消失？

Answer 1

另见:http://www.elfboy.com/blog/text-shadow_anti-aliasing/

要点是添加text-shadow: 0 0 1px rgba(0,0,0,0.3);会产生抗锯齿的外观.

Answer 2

使用CSS3,您可以使用font-smooth属性,尽管抗锯齿仍将由系统默认值控制.如果你真的需要强制一个干净的抗锯齿,无论操作系统是什么,你必须使用sIFR自动用Flash组件替换文本.