在将@font-face与像素字体一起使用时，是否可以禁用CSS中的抗锯齿？

我想在网络上使用像素字体。我使用@font-face将其包括在内，但是所有浏览器都在对字体应用抗锯齿。我似乎找不到CSS规则来禁用此功能，有人能想出另一种禁用抗锯齿的方法吗？

我认为CSS没有用于抗锯齿的选项。请尝试cufon：

它非常容易使用，并且可以很好地渲染像素字体。您可能还对Shaun Inman的Pxfon感兴趣：

---

字体渲染是由操作系统和浏览器完成的，因此，到目前为止，我认为CSS几乎没有什么可以做的。在讨论中可能会有一些建议的CSS规则（我看到有人提到“字体平滑”或类似的东西），但据我所知，CSS3中没有任何规则，CSS2中也肯定没有任何规则。

如果在8磅的倍数（8、16、24等）上使用，大多数像素字体都无法正常工作

如果你使用错误的字体大小，你最终会得到别名/模糊字符

看看这个

---

。。。这可能会有帮助；）

这个问题很老了，所以我想更新一下

基于，它有一个CSS属性，但已从CSS3规范草案中删除。所以这不是一个标准的解决方案。 一些Webkit、Firefox和Opera浏览器支持它，但并不一致。它主要适用于台式机和Mac OS用户

-webkit-font-smoothing: none || antialiased || subpixel-antialiased
-moz-osx-font-smoothing: auto || inherit || unset || grayscale
font-smoothing: auto || inherit || unset || grayscale

---

我今天也遇到了类似的问题，虽然字体平滑在当代Firefox中不起作用，但添加一些过滤器会：

filter: contrast(1);

然而，使用过滤器禁用抗锯齿似乎有点不太妥当。顺便说一句，它不会导致完全禁用抗锯齿，只会导致以不同的方式应用它，以便位图字体正确渲染。另一方面，它破坏了非位图字体的渲染

 * 在Fixedsys上测试，从Iceweasel 38.40.0到Debian 8。

是的，这是可能的

我也在找这个。我最终在另一个stackoverflow线程（）上找到了一个解决方案，用于禁用SVG的文本平滑（禁用反别名），但该解决方案也适用于常规HTML元素

诀窍是使用SVG过滤器，然后可以将其添加到任何HTML元素中，以使任何内容都变得清晰

首先，我们需要定义过滤器，以便在CSS中使用它

将筛选器添加到仅包含文本的HTML元素。如果它有背景色，它就不能工作

p{
过滤器：url（#crispify）；
}

额外内容：您可能希望隐藏SVG元素，因此将其添加到CSS中

。屏幕外{
位置：绝对位置；
左：-100000像素；
顶部：自动；
宽度：1px；
高度：1px；
溢出：隐藏；
}

另一件事：如果白色看起来很奇怪，请将颜色更改为黑色，然后使用另一个过滤器将其反转，因此您的代码如下所示：

p{
过滤器：url（#crispify）反转（1）；
}

注意，我不知道这是否适用于所有浏览器，但它确实适用于Chrome、Edge和Firefox

---

谢谢，和我想象的差不多。这确实呈现得很好，但是文本突出显示很糟糕，很明显它不是普通字体。请参见此处的示例：这是字体平滑的文档页面：（包括兼容性图表）。2020年8月10日，UTC我测试了

使用软件
Mozilla/5.0（Linux；Android 4.4.3；KFTHWI）AppleWebKit/537.36关闭html文本中的抗锯齿功能Silk/81.2.16与Chrome/81.0.4044.138 Safari/537.36类似——遗憾的是，它没有起作用（文本仍然有抗锯齿功能）。