【问题标题】:Font rendering issue on iOS 10 safari (mobile)iOS 10 Safari(移动版)上的字体渲染问题
【发布时间】:2016-09-14 01:22:45
【问题描述】:

升级到 iOS 10 后遇到这个奇怪的问题。

BebasNeue 字体的渲染很奇怪。请看下面的 2 个屏幕截图。闻起来像 webkit 错误,iOS 10 上的 Chrome 也发生过。有人有同样的问题吗?有什么解决方法吗?

iOS 9

iOS 10

【问题讨论】:

  • 嗨!我在 WebKit 团队工作。我对你在哪里看到的更多细节非常感兴趣。请随时在此处链接到损坏的内容,或通过 mmaxfield@apple.com 将一些内容发送给我!非常感谢!

标签: fonts rendering mobile-safari ios10


【解决方案1】:

我遇到了同样的问题,通过从here 添加 *.woff2 格式的字体(大部分)已得到纠正。这纠正了 99% 的网站显示,但仍有几个页面显示不正确。我还在调查这个问题。

【讨论】:

    【解决方案2】:

    找到了解决方法,我只是重新下载了.otf 字体并将其再次转换为.woff,它就可以工作了。似乎旧的.woff 字体存在一些兼容性问题并且在 iOS 10 中损坏。

    【讨论】:

      【解决方案3】:

      我添加了“文本渲染:geometricPrecision;”在我的 CSS 中。

      body, p {
          text-rendering:geometricPrecision;
      }
      

      【讨论】:

        【解决方案4】:

        我在使用text-rendering optimizeLegibility; 时遇到了这个问题,不确定这是问题还是 .woff 字体格式,正如其他用户指出的那样,但我通过更改文本渲染并保持相同的字体来修复它文件。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2015-09-12
          • 2012-04-29
          • 2011-08-03
          • 2015-05-12
          • 1970-01-01
          • 2014-01-28
          • 2023-04-10
          • 1970-01-01
          相关资源
          最近更新 更多