有时不同的bootstrap glyphicons表示

Question

我编写了一个移动网站并使用了glyphicons。在我的响应式设计中（你可以在下面看到）我有时会对这些字形有些莫名其妙的表现。正确的表示应该是小黑箭头和凸轮的图标，但有时我会得到别的东西，例如一块蛋糕（是的，我喜欢蛋糕;））或放大镜。

glyphicons代码：

<span class="glyphicon glyphicon-chevron-down"></span>
<span class="glyphicon glyphicon-camera" aria-hidden="true"></span>

上面的代码使用以下CSS Class of Bootstrap：

font-family: "Glyphicons Halflings";

表示有时是正确的，有时是错误的（看看我的截图上的时间）。 你见过这样的东西吗？

它很少发生。我只在我的iPhone 5上看到它与当前版本的iOS（9.3.1）。我无法重现它。