CSS：@ font-face anti aliasing [英] CSS: @font-face anti aliasing

问题描述

我有点挣扎与@ font-face CSS选项。经过很多阅读，尝试，重试我终于遇到了一个网站，使你成为一个即可包上传你的字体。它现在运行，但似乎字体没有得到反锯齿。

I'm a bit struggling with the @font-face CSS option. After a lot of reading, trying, retrying I finally came across a website that makes you a ready-to-go package when you upload your font. It's running now but it seems the font doesn't get anti-aliased. While I see this happening at other websites, mine does not render the headings the way I want.

我的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;}

推荐答案

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

With CSS3, you can use the font-smooth property, although antialiasing will still be controlled by the system defaults. If you really need to force a clean antialiasing no matter what the OS is, you have to use sIFR which automatically replace the text with a Flash component.

这篇关于CSS：@ font-face anti aliasing的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！