【问题标题】:Safari font is rendering wrongSafari 字体呈现错误
【发布时间】:2016-10-13 03:07:16
【问题描述】:

我在我的网站上使用 Google 的 Open Sans 字体。
Firefox 和 Chrome 以正确的方式显示字体,但 Safari 不是。
我尝试了所有-webkit-font-smoothingoptions,但似乎只能在 OS X 上修复它。

4-Images -> 图片上方是我自己的网站

<select class="Open-Sans-normal-400">
   <option>EUW</option>
</select>

和底部相同的字体,但在Googles Font Website

如果您需要更多信息,请告诉我。我会添加它们。

感谢您的帮助。

【问题讨论】:

    标签: html css fonts safari


    【解决方案1】:

    我刚刚找到了一个解决方案,它适用于 IOS 和 Mac 上的 Safari。

    当浏览器找不到粗体版本时,他们会尝试复制它,这可能会在渲染结果中有所不同。

    您可以尝试通过添加以下 CSS 来禁用它:

    font-synthesis: none
    

    否则您可以尝试手动设置字体粗细,即。

    font-weight: 400
    

    【讨论】:

      【解决方案2】:

      这可能会有所帮助:

      * {
        text-rendering: optimizeLegibility; 
        -webkit-font-smoothing: antialiased; 
        -moz-osx-font-smoothing: grayscale;
      }
      

      来源:Same font except its weight seems different on different browsers

      【讨论】:

      • 您的代码或您的来源对我没有帮助,让 safari 中的字体看起来像正常的 400 重量。 ://
      • 你有没有考虑过它不是更亮的字体,而是因为你在深色背景上使用它而导致的更亮的渲染?您可以通过将颜色更改为白底黑字来测试吗?
      • 黑底白字和白底黑字看起来确实像地狱一样发光。但是当我使用_::-moz-svg-foreign-content, :root body {-webkit-text-stroke: 0.5px;} 时,它看起来应该,但这不是一个好的解决方案。
      猜你喜欢
      • 2015-04-19
      • 2020-05-16
      • 2018-09-26
      • 1970-01-01
      • 2015-09-12
      • 1970-01-01
      • 1970-01-01
      • 2012-04-02
      • 1970-01-01
      相关资源
      最近更新 更多