Html 锯齿形字体

我在我的页面上使用了CFF字体，但它在浏览器中显示为锯齿状

在这里，您可以看到我是如何使用它的：

HTML

<p>Hello everyb@dy!</p>

有人能帮我吗？

这应该可以：

结果

更新

检查一下。它似乎在大多数浏览器中都不起作用。您可以尝试在其他浏览器中查看类似的

-webkit字体平滑功能

，以添加到您的样式中

我在Safari中看到的质量提升是巨大的

更新2

我发现这可能在Firefox中起作用

browser.display.auto_quality_min_font_size = 0; // default = 20

。。其中，越低表示质量越好，渲染速度越慢，反之亦然

更新3

这也很有趣（）

---

你用的是什么浏览器？因为它在铬上看起来很好。！谢谢你的回复！在FF中，它看起来很完美，但在Chrome 25.0.1364.172 m中，您的想法不起作用。您可以在这里查看：-webkit字体平滑仅适用于mac OS safari。在互联网上搜索Mozilla浏览器很长一段时间以来似乎都存在自定义字体的问题。添加

字体大小：正常可能会对解析器施加更大的压力，但这很难保证。也许你可以尝试将字体转换成其他格式（比如
ttf
），然后检查Firefox是否会让它们更漂亮。用
ttf
：@Allendar试试我的自定义字体！现在对我有用了！非常感谢您的帮助和关注！具有讽刺意味的是，浏览器总是最“反对”封闭源代码内容，在这种情况下呈现
ttf
最好。很高兴它成功了；干杯：）
p {
    font-family: Planer_ExtraLight;
    font-size: 4em;
    font-smooth: subpixel-antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
}

browser.display.auto_quality_min_font_size = 0; // default = 20

text-rendering: geometricPrecision;