麻烦在ipad上使用bootstrap glyphicons

Question

我正在尝试使用日历glyphicon显示datetimepicker。这是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>

在Safari中的iPad上查看时，日历图标显示为表情符号猴。我很困惑，因为我可以将图标更改为不同的glyphicon（用星星试过），它显示正常。这也适用于iPad本身：

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

我不确定这与我的情况有什么不同 - 它是相同的标记。非常困惑。

有任何想法吗？

Answer 1

有同样的问题。我下载了最新的bootstrap版本并替换了“glyphicons-halflings-regular。*”文件。它解决了我的“猴子表情符号”问题。

Answer 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/ =>这对我有用