帶CSS的流暢字體

如何獲得流暢的字體？我不希望邊緣看起來模糊。帶CSS的流暢字體

哈克解決方案都不是問題:)

alt text

如果我沒有錯，我認爲CSS3有一個'font-smooth：always;'屬性。我還沒有嘗試過，所以我不能評論它的有效性。 – 2010-06-20 02:56:49

看看這裏（相同的主題）：http://stackoverflow.com/questions/11487427/font-smoothing/11493510 – Sliq 2013-05-16 23:16:32

你可以使用像Cufón頁眉某些字體替代解決方案，但它太低效使用大段的文字。

如果你想改變瀏覽器的字體渲染，你可能不會有太多的運氣，因爲它們都有自己的文本渲染例程（但查看最新版本的Safari和Chrome的-webkit-font-smoothing）。

2010-06-20 02:56:18

那麼它可能只需要大字體的東西，所以大塊文本不會是一個問題。爲什麼Cufon如此高效？ – 2010-06-20 02:59:36

這不是特別低效，只是使用瀏覽器的原生文本呈現例程總是比使用使用Canvas或SVG顯示文本的自定義JavaScript庫更快。 – 2010-06-20 03:02:54

如前所述，有一個用於font-smooth的CSS屬性 - 但我不確定它支持多大。這很可能是您必須在您的操作系統或字體本身中進行調整的屬性，當然這隻意味着本地。我知道Windows有一個名爲ClearType的功能，它允許您調整抗鋸齒以便與顯示器配合使用。

正如Ben Alpert所述，字體替換解決方案（如Cufon或TypeKit）是標題文本的其他潛在解決方案。

2010-06-20 03:05:48

實際上有一個名爲text-rendering的CSS屬性，它實際上適用於Firefox瀏覽器系列。正如Ben所說，Safari和Chrome家族也有-webkit-font-smoothing。我不知道是否文本渲染工作在Internet Explorer，但這段代碼的工作原理非常精細：

text-rendering: optimizeLegibility; 
-webkit-font-smoothing: antialiased;

另外，如果您自定義你的瀏覽器：

html { 
    text-rendering: optimizeLegibility !important; 
    -webkit-font-smoothing: antialiased !important; 
}

2015-10-12 12:12:39 Juan

回答