【问题标题】: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 常用于此目的。

      【讨论】:

        猜你喜欢
        • 2011-11-07
        • 2021-12-08
        • 2015-04-02
        • 2011-12-01
        • 1970-01-01
        • 2014-02-19
        • 2012-08-29
        • 2013-05-05
        相关资源
        最近更新 更多