-webkit-font-smoothing：在Firefox中相當於反鋸齒？

我在webkit瀏覽器中使用非常有用有用的CSS屬性-webkit-font-smoothing: antialiased，以確保標題上的文字很好。在Firefox中是否有等效屬性？-webkit-font-smoothing：在Firefox中相當於反鋸齒？

字體WebKit中與-webkit-font-smoothing: antialiased：

enter image description here

字體在Firefox：

enter image description here

正如你可以看到Firefox中的文本比的Webkit胖。如果沒有-webkit-font-smoothing: antialiased，則Webkit中的文本與Firefox中的文本相同。

2012-11-08 wowpatrick

具有FF19 – novicePrgrmr

完全相同的問題火狐吮吸類型。 –

你有沒有找到解決方案？我有一個類似的問題，顯然這是與亞像素渲染有關。 – Rob

火狐25+支持新的Mac-OS-是非標準CSS屬性-moz-osx-font-smoothing有效類似於WebKit的-webkit-font-smoothing。

所以此代碼應提供在Firefox一致的結果和WebKit：

.example { 
    -moz-osx-font-smoothing: grayscale; /* Firefox */ 
    -webkit-font-smoothing: antialiased; /* WebKit */ 
}

2013-11-03 19:55:13

但這隻適用於MAC OS系統。在我看來這很重要。 – kwoxer

@kwoxer >新**僅限Mac-OS **非標準CSS屬性 –

在某一點上，Firefox有一個font-smooth，但它已被刪除，據我所知在當前的軌道中根本不包含。我做了一些Google搜索，沒有看到任何跡象表明會有任何改變。

作爲一種替代方法，您可以嘗試一種解決方法，如：http://www.elfboy.com/blog/text-shadow_anti-aliasing/。

2012-11-08 20:34:07 Jason

我已經更新了我的答案，希望你明白我的意思。在這裏添加一個陰影是不幸的。 – wowpatrick

Firefox擁有你默認之後是行爲，據我知道，所以沒有必要明確地請求它...

2012-11-09 08:05:43

問題是-webkit-font-smoothing: antialiased，其中禁用標準的子像素字體平滑。嘗試讀取this

2013-07-12 16:03:36 borkie

回答