当使用@ font-face和像素字体时,是否可以在CSS中禁用抗锯齿？

Question

我想在网络上使用像素字体.我使用@ font-face包含它但是所有浏览器都在对字体应用消除锯齿.我似乎无法找到禁用此规则的CSS规则,有人可以想到另一种禁用抗锯齿的方法吗？

Answer 1

字体渲染是由操作系统和浏览器完成的,所以,到目前为止,我相信你几乎无法使用CSS.在讨论中可能会提出一些CSS规则(我已经看过提到"font-smooth"或类似的东西),但据我所知,CSS3中什么都没有,而CSS2中肯定没有.

Answer 2

这个问题很老，所以只想提供更新。

基于caniuse.com，它有一个 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

Answer 3

我今天遇到了类似的问题，虽然font-smooth在当代 Firefox* 中不起作用，但添加一些过滤器却可以：

filter: contrast(1);

然而，禁用过滤器的抗锯齿功能似乎有点棘手。顺便说一下，它不会导致完全禁用抗锯齿，只是导致它以某种方式不同地应用，以便位图字体正确渲染。另一方面，它会破坏非位图字体的渲染。

* 在http://doir.ir/fixedsys/demo.html 的Fixedsys 、Iceweasel 38.40.0、Debian 8 上进行了测试。