【问题标题】:Font-face font looks bolder in Firefox字体字体在 Firefox 中看起来更粗
【发布时间】:2012-11-18 04:25:56
【问题描述】:

我正在使用font-face,我的字体在 Firefox for mac 中看起来很糟糕。 我试过-webkit-font-smoothing: antialiasedfont-smoothing: antialiased

这里有两张截图:

由于视网膜屏幕,图像变得非常大,所以看起来有点放大了。

这是网站的 URL,如果您想查看任何代码。

谁有解决这个问题的好办法?

【问题讨论】:

标签: css fonts cross-browser font-face


【解决方案1】:

这个问题很老,但如果有人仍在寻找解决方案,那就是你的答案: @font-face: bold in FF is bolder than in Chrome

【讨论】:

    【解决方案2】:

    好消息:这可能不是你的错。坏消息是,我不确定你能做些什么。

    我在我的电脑上查看了该网站,它看起来不错。我在我的 macbook pro(带视网膜)上查看了 Safari 上的网站,它看起来很棒(除了徽标,我认为它是光栅图形)。

    Firefox(版本 17)看起来很糟糕(就像您的屏幕截图一样)。我禁用了元素上的样式,甚至默认字体看起来也很糟糕。然后我注意到 FF 本身(例如选项卡上的文本)看起来很糟糕。

    然后我打开了我自己的一个网站,尽管它使用的是 Helvetica,但它看起来很糟糕。这个网站看起来很糟糕(见我下面问题的截图)。甚至我的 SVG 图像(在 iPad 上看起来很漂亮)看起来也很糟糕。

    对比(左边是Safari,右边是FF 17)

    我的猜测是问题比字体更深。我在视网膜显示器上的其他应用程序中注意到了这一点。我相信 Chrome 也有同样的问题。

    修复

    最近的测试版(第 18 版)is slated to address these problems 似乎完全解决了这个问题,尽管字体在浏览器之间看起来仍然略有不同(您现在可以使用 CSS 对其进行调整)

    Firefox 用户通常擅长更新,所以这应该不会成为更长时间的问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-12-25
      • 1970-01-01
      • 2017-11-17
      • 2017-01-17
      • 1970-01-01
      • 2013-11-07
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多