Css 字体抗锯齿问题，让我抓狂

我已经用创建了一个@font-face，并将其包含在我的CSS中：

body {
    font-family:'neouthin';
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3);
}

但是，它显示严重锯齿，我希望它显示抗锯齿：

• 地点：
• 截图：

---

我认为问题在于透明的背景，但我不知道如何解决它？

这取决于你在哪个浏览器上查看它-我怀疑是Chrome

每个浏览器处理字体反走样的方式都不同——这是IE少数几次排名靠前的浏览器之一，不过我相信FireFox默认也会处理字体反走样

---

如果您的问题与Chrome有关，则会得到解答。

在font squirrel中生成字体时，请在专家选项中尝试选中渲染行的最后一个选项移除字距。它在大多数情况下都对我有帮助

您可能需要尝试添加

文本呈现：优化易读性

它目前对浏览器的支持有限，但可能会有所帮助

以下是有关该属性的详细信息：
有两个问题：

字体很薄，不适合体型。这是一种更适合标题的装饰字体
当您将Neou Thin设置为bold而不是使用Neou bold时，粗体文本看起来非常糟糕。这意味着浏览器采用Neou-Thin并尝试创建一个仿粗体版本，这几乎总是看起来很糟糕。要解决此问题，请将
字体系列设置为“neoubold”，或修复CSS：

@font-face {
    font-family: 'neouthin';
    src: url('neou-thin-webfont.eot');
    src: url('neou-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('neou-thin-webfont.woff') format('woff'),
         url('neou-thin-webfont.ttf') format('truetype'),
         url('neou-thin-webfont.svg#neouthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neouthin'; /* FIX: add bold to the neothin family */
    src: url('neou-bold-webfont.eot');
    src: url('neou-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('neou-bold-webfont.woff') format('woff'),
         url('neou-bold-webfont.ttf') format('truetype'),
         url('neou-bold-webfont.svg#neoubold') format('svg');
    font-weight: bold;
    font-style: normal;

}


您可以使用以下选项：

-webkit-font-smoothing: antialiased;

它看起来不错（我在Mac上使用Chrome 31）。你能发布一个显示糟糕结果的截图，并说明你在哪个浏览器中看到它吗？这是屏幕截图，你可以看到字体与背景上的相同字体相比是多么脏。明白了。屏幕截图显示的是什么web浏览器？以防万一，请检查浏览器的缩放选项。。。