字体问题 CSS/html答案

【问题标题】：font problem CSS/html字体问题 CSS/html
【发布时间】：2023-03-29 18:06:01
【问题描述】：

谁能仔细看看这个页面。我正在尝试修复此页面上的字体。我不知道以前的程序员对字体做了什么。你能看看绿色面板中的服务保证和服务特性标题吗，文字的边缘就像有人用跷跷板剪掉了这个字体。同样在页面的其他部分。它们应该看起来很光滑。

在 ff 和 ie8 (widows xp) 上查看页面。

【问题讨论】：

你能看一下字体的边缘吗？边缘不光滑。
由于 css/html 跨浏览器显示不同，我认为为了解决您的问题，您可能需要提供有关您使用的平台的更多信息，例如 windows、mac osx 等。以及您使用的是什么浏览器？ IE、Chrome、Firefox、Safari....
查看一些答案。这是一个基于浏览器的问题。我在 Chrome、Firefox 和 IE 中看起来不错。
该页面的链接现在已经消失了 - 所以这个问题对未来的其他问题没有那么有用。

标签： html css

【解决方案1】：

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

如果平滑字体对您的用户很重要，那么您可以在图像程序中消除它们的锯齿并使用图像而不是文本，但这非常低效，并且使您的页面更新变得非常痛苦。

因此，简而言之，您无法解决此问题。详情请见this SO question。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案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 常用于此目的。

【讨论】：