【问题标题】:Bootstrap 3.0.3 glyphicons displaying emoticons on iOS 7在 iOS 7 上显示表情符号的 Bootstrap 3.0.3 字形图标
【发布时间】:2017-12-20 08:27:14
【问题描述】:

我使用 Bootstrap 3.0.3 字形图标。在桌面浏览器和 Android 设备上一切正常。我的问题是关于 Apple 设备(在运行 iOS7 的 iPhone 和 iPad 上测试)。

字形图标看起来像表情符号。我发现了一些问题,但没有回答我的问题。

这里是查看截图的链接:http://www.fredericblancheton.fr/imgdisallow/image.png

感谢您的帮助。

【问题讨论】:

  • <head> 部分中有这行吗? <meta charset="utf-8">
  • 是的,元字符集 utf-8 包括在内...
  • 可能是Glyphicons字体版本和Bootstrap版本冲突。确保它们都来自同一个版本 (3.0.3)
  • 是的。我也检查过,但还是一样。
  • 问题已解决:variable.less 文件中的路径 (@icon-font-path) 错误。感谢您的帮助

标签: ios twitter-bootstrap emoticons glyphicons


【解决方案1】:

我遇到了类似的问题,但只有当样式表中通过font-face 包含另一种字体时。似乎移动 safari 或一般的 safari 加载字体的超时时间很短,这些字体是通过 font-face 语法包含的。

我不得不从主样式表中删除字体并使用<style></style> 语法直接在站点标题中添加font-face 语法。很奇怪。

另一种方法在 filamentgroup 上进行了说明,它使用 Data-URI 语法作为字体并通过 javascript 异步加载这些语法。这也应该欺骗浏览器等待更长时间。 -> http://www.filamentgroup.com/lab/font-loading.html

【讨论】:

    【解决方案2】:

    我们在我们的应用程序中发现了同样的问题 - 非常奇怪。当用户安装了旧的 Emoji 应用程序(“Emoji Free!”,我在应用程序商店中找不到)时,就会发生这种情况。

    唯一的解决方案是让用户卸载应用程序。

    【讨论】:

      【解决方案3】:

      我遇到了同样的问题,并通过从@font-face 中删除 woff2 字体文件来解决它。 iOS 好像不支持 woff2。

      [2016-03-02 更新] 上面的修复结果只是运气问题(时间?)。 @rofflox 的答案似乎更有希望,并且对我有用。

      【讨论】:

      • 我遇到了这个问题,解决方法是删除 woff 和 woff2,谢谢您的回答
      【解决方案4】:

      我刚刚尝试了上述解决方案,但没有一个对我有用。原来:

      1. 我已将引导程序更新到 3.3.6 css
      2. 我没有更新它附带的字体文件

      获取最新版本的字体文件解决了我使用不需要的表情符号的问题。

      【讨论】:

        【解决方案5】:

        我今天开始在使用 Pulsar for Salesforce 时遇到此错误,我发现我的 FE DEV 包含对字体的引用并且忘记使用新字体更新静态资源!万一这对某人有帮助。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2023-03-11
          • 2012-04-02
          • 2015-01-15
          • 1970-01-01
          • 2014-08-06
          • 2018-06-08
          • 2015-05-30
          • 2016-01-14
          相关资源
          最近更新 更多