ipad 上的引导字形图标的问题答案

【问题标题】：Troubles with bootstrap glyphicons on the ipadipad 上的引导字形图标的问题
【发布时间】：2015-09-17 15:13:05
【问题描述】：

我正在尝试使用日历字形显示日期时间选择器。这是 HTML：

  <div class='input-group date' id='fuel-start-datetimepicker'>
          <input type='text' class="form-control" id="fuel-start-input" />
          <span class="input-group-addon">
          <span class="glyphicon glyphicon-calendar"></span>
          </span>
   </div>

在 iPad 上的 Safari 中查看此内容时，日历图标显示为表情符号猴子。我很困惑，因为我可以将图标更改为不同的字形图标（用星号尝试过）并且它显示得很好。这也适用于 iPad 本身：

  <span class="glyphicon glyphicon-calendar"></span>

我不确定这与我所拥有的有什么不同 - 它是相同的标记。很困惑。

有什么想法吗？

【问题讨论】：

你的意思是“这在 iPad 上运行良好”是什么意思？表情符号键盘也可能将 HTML 字符：e109 用作猴子，因为它也被覆盖了。尝试使用不同的字形图标。转到 getbootstrap 页面并查看 iPad 上的字形，看看它们是正常的还是被覆盖了。
我的意思是我把它放在一个 js fiddle 中，只有一行带有 span 并且日历按预期显示在 ipad 上。
这很奇怪。您是在本地 IOS 设备上运行此 HTML，还是在您通过 IOS 设备访问的网站上运行此 HTML？
试试这个技巧：litmus.com/community/code/… 你需要使用\e109 字符而不是示例中的字符。
它在我正在访问的网站上。我还刚刚查看了带有所有字形图标的 Bootstrap 页面，它们都正常显示，似乎只有我网站上的日历呈现为表情符号。

标签： css twitter-bootstrap ipad mobile-safari glyphicons

【解决方案1】：

遇到了同样的问题。我下载了最新的引导程序版本并替换了“glyphicons-halflings-regular.*”文件。它解决了我的“猴子表情”问题。

【讨论】：

您下载的文件的哪个版本解决了您的问题？

【解决方案2】：

在 glyphicons.css 中

@font-face { font-family: 'Glyphicons Halflings';

src: url('./assets/glyphicons-halflings-regular.eot'); src: url('./assets/glyphicons-halflings-regular.eot?#iefix') 格式('embedded-opentype'), url('./assets/glyphicons-halflings-regular.woff2') 格式('woff2 '), url('./assets/glyphicons-halflings-regular.woff') 格式('woff'), url('./assets/glyphicons-halflings-regular.ttf') 格式('truetype'), url ('./assets/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') 格式('svg'); }

更改为 ./assets/ => 这对我有用

【讨论】：

【解决方案3】：

今天，我的联合创始人提醒开发团队的其他成员，她在我们的生产网络应用中看到了一个猴子表情符号。那天已经很晚了，我们都对我们正在推动的 iOS 应用程序更新感到筋疲力尽（更不用说几周内没有人接触过 Web 应用程序代码），所以我们都非常倾向于相信她完全失去了理智。

尽管如此，我们还是花了 40 分钟试图在她和我们的 iPhone 上重现它。我们以隐私浏览模式打开页面，打开/关闭 WiFi，访问她在我们的页面之前访问过的页面，以防标签之间出现某种内存泄漏。没有。显然，这都是胡闹。

但它一直困扰着我。所以我决定尝试最后一件事。作为我们 iOS 应用更新的一部分，我们一直在使用Network Link Conditioner 在非常糟糕的网络条件下使用我们的应用。她的手机是我们使用过的测试设备之一，所以我检查了她的设置，发现有人忘记关掉它。我决定尝试将速度从 3G 切换到 Edge。我重新加载了页面，他就在那里。

我们的glyphicon-calendar 曾经在哪里。

? 正盯着我看。

【讨论】：