字体问题CSS / html

Question

有人可以仔细查看此页面。我想在这个页面上修改字体。我不知道以前的程序员对字体做了什么。你能看一下绿色面板中的服务保证和服务功能标题，文字的边缘就像有人用跷跷板切割这个字体。同样在页面的其他部分。他们应该看起来很光滑。

在ff和ie8（寡妇xp）上查看页面。

Answer 1

我认为你的意思是这些部分没有消除锯齿。当您在浏览器上显示文本时，这不是您可以控制的 - 它实际上取决于浏览器和操作系统。

如果您的用户拥有流畅的字体很重要，那么您可以在图像程序中对它们进行反别名并使用图像而不是文本，但这样效率非常低，并且会使您的页面难以更新。

因此，简而言之，您无法解决此问题。有关详细信息，请参阅this SO question。

Answer 2

使用firebug这是一个firefox插件来查看网页中使用的样式和html标签，你甚至可以通过firebug编辑网页中使用的css。

Answer 3

我的浏览器（Windows下的Chrome）显示您的页面正常。

不同的浏览器都以不同方式呈现文本。你会发现，字体大小通常比其他字体更好看。在任何情况下，您所谈论的是浏览器是否显示消除锯齿的字体。

有一个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通常用于此目的。