字體問題CSS/html

Question

有人可以仔細看這個頁面。我正在嘗試修復此頁面上的字體。我不知道以前的程序員對字體做了什麼。你可以看看服務保證和服務功能標題在綠色面板，文字的邊緣就像有人用蹺蹺板切割這種字體。同樣在頁面的其他部分。他們應該看起來很順利。

在ff和ie8（widows xp）上查看頁面。

Answer 1

我認爲你的意思是說這些部分不是反鋸齒的。當你在瀏覽器上顯示文本時，這不是你可以控制的 - 它實際上是瀏覽器和操作系統相關的。

如果您的用戶需要流暢的字體很重要，那麼您可以在圖像程序中使用圖像而不是文本進行反鋸齒處理，並且使用圖像而不是文本，但這樣做效率極低，使您的頁面更新變得非常痛苦。

因此，總之，沒有什麼可以解決這個問題。有關更多詳細信息，請參閱this SO question。

Answer 2

使用firebug這是一個firefox插件，用於查看網頁中使用的樣式和html標籤，甚至可以通過螢火蟲編輯網頁中使用的css。

Answer 3

您的網頁在我的瀏覽器上顯示效果不錯（Chrome在Windows下）。

不同的瀏覽器都以不同的方式呈現文本。你會發現，字體大小中經常有甜點比其他人看起來更好。無論如何，你所說的是瀏覽器是否顯示反鋸齒字體。

有一個CSS3屬性，font-smooth，你可以調整這個，但不要指望它可以在不平滑字體的瀏覽器上工作。你可以在這裏閱讀：http://webdesign.about.com/od/styleproperties/p/blspfontsmooth.htm

總之，別擔心。如果對你來說很重要，那就試試不同的字體和大小。這樣做的好工具是http://www.typetester.org/

別忘了test your site at BrowserShots.org。它會爲你做屏幕截圖，所以你可以在各種平臺上查看這些細節。

如果您必須以特定方式呈現您的字體，那麼它必須在圖像中完成。這不被推薦。文字應儘可能以文字。但是，如果您必須這樣做，請考慮使用多種腳本中的一種，以便爲不支持腳本的瀏覽器保留文本，而SEO不是問題。 Typeface.js通常用於此。