【问题标题】:HTML/CSS Fonts: Different browsers/OSs different resultsHTML/CSS 字体:不同的浏览器/操作系统不同的结果
【发布时间】:2012-09-21 03:33:00
【问题描述】:

我一直在我的网站上工作,我正在使用字体松鼠为网站生成一些网络字体,但目前我有这个区别:

Google Chrome OSX

谷歌浏览器窗口

Firefox OSX

火狐Windows

Internet Explorer

有没有办法可以“破解”windows 下的字体,让它们看起来更像 OSX 下的字体?谢谢。

【问题讨论】:

标签: css cross-browser font-face


【解决方案1】:

这里的主要区别不是浏览器之间,而是操作系统之间,这是非常标准的。

【讨论】:

  • 有人还告诉我这与像素形状有关... MAC 具有方形像素,PC 通常具有长方形像素。不确定这是否是原因,但大多数时候你必须接受它。看起来 IE 处理的最糟糕,现在这真是一个惊喜。
  • 此外,它在很大程度上取决于用户的设置。例如。通过 Windows 字体向导,它可以帮助您设置正确的平滑/ClearType 设置。看看结果如何变化。
【解决方案2】:

我认为这个问题没有破解方法,因为浏览器与浏览器在实际呈现文本的外观上存在巨大差异。

【讨论】:

    【解决方案3】:

    请注意,Windows 也有 ClearType。更改其设置也会产生影响(在 Windows 7 中,它是一个 4 步向导)。

    我提到这一点的原因是 Windows 有一种改变字体外观的本地方式,每个人都会根据他们的 ClearType 设置看到不同的外观。我认为浏览器变化不大,但操作系统肯定会发生变化。然后还有显示器和分辨率...

    不要过分痴迷于让每个系统上的东西看起来都一样。无论您尝试什么,您都无法做到这一点,而且完全没有必要。

    【讨论】:

      【解决方案4】:

      不同的系统以不同的方式呈现字体。您几乎无能为力。你可以忍受它:检查主要系统(Windows、Mac、Linux,也许还有一些移动系统)上的渲染是否接受。它们不能也不必相同。但是,如果您在某些平台上得到不可接受的结果,请更改字体(尽管有时只是更改字体大小,甚至可能大 1 像素,可能会有所帮助)。

      描述了问题,例如http://www.owlfolio.org/htmletc/legibility-of-embedded-web-fonts/ 更详细(和技术上)http://www.smashingmagazine.com/2012/04/24/a-closer-look-at-font-rendering/

      但原则上,不同的排版设置也可能导致差异。现在的 Firefox 默认应用字距调整和常用连字,其他浏览器则不这样做。但是您可能不会看到这样的效果,原因有两个:免费字体通常没有连字或字距调整对,而 Lorem ipsum 文本通常不包含重要的字符对(例如,“fi”或“To”或“Va”)。无论如何,使用 CSS 属性 font-feature-settings(或者,更确切地说,具有各种浏览器前缀的属性),可以在很大程度上影响排版设置。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2011-12-01
        • 2012-04-05
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-06-25
        • 2015-03-12
        • 2020-09-12
        相关资源
        最近更新 更多