使用@ font-face和像素字體時，是否可以在CSS中禁用抗鋸齒功能？

我想在網絡上使用像素字體。我使用@ font-face包含它，但是所有瀏覽器都在對字體應用消除鋸齒。我似乎無法找到一個CSS規則來禁用此功能，任何人都可以想到另一種禁用消除鋸齒的方法嗎？使用@ font-face和像素字體時，是否可以在CSS中禁用抗鋸齒功能？

來源

2009-11-18 Samuel

字體渲染是由操作系統和瀏覽器完成的，所以，至今爲止，我相信您可以用CSS做的事情很少。在討論中可能會有一些提議的CSS規則（我曾經提到過「font-smooth」或類似的東西），但是據我所知，CSS3中沒有任何東西，而CSS2中絕對沒有。

來源

2009-11-18 00:09:59 keithjgrant

非常感謝，我的想法。 – Samuel

我不認爲CSS有反鋸齒選項。嘗試的Cufón替代： http://wiki.github.com/sorccu/cufon/about

這是很容易使用，它會使你的像素字體非常好。您可能也會對Shaun Inman的Pxfon感興趣： http://shauninman.com/archive/2009/04/17/pxr_cufon_pxfon

來源

2009-11-18 00:09:37

這不很好地渲染，但文本高亮是可怕的，它變得很明顯，這是不正常的字體。在這裏看到它的一個例子：http://pixel-portraits.com/pxfon/ –

大多數像素字體的只是將無法正常，如果你使用的是他們在8磅多尺寸（8，16，24，等）

如果你在錯誤的字體大小工作，你最終會工作獲取別名/模糊字符。

檢查了這一點...

http://www.fontsquirrel.com/fonts/list/style/Pixel

...它可以幫助;）

來源

2011-02-01 21:34:25 flanagan

即使使用正確的字體大小，它仍然會將字體 – Samuel

這個問題是舊的，所以只是想給更新。

基於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

來源

2015-04-16 19:56:56 Oriol

我今天也有類似的問題，這似乎是，雖然字體平滑並不在當代Firefox瀏覽器*增加了一些過濾器的作用：

filter: contrast(1);

然而，使用濾波器禁用抗鋸齒似乎有點不方便。順便說一下，它不會導致完全禁用消除鋸齒，只會導致以某種方式應用不同的方式，因此位圖字體可以正確渲染。另一方面，它打破了非位圖字體的渲染。

* thinsp;從http://doir.ir/fixedsys/demo.html在測試了使用Fixedsys，在Iceweasel 38.40.0，Debian的8

來源

2017-01-21 15:55:28 jaboja

使用@ font-face和像素字體時，是否可以在CSS中禁用抗鋸齒功能？

回答

相關問題