只有某些 bootstrap 字形在所有浏览器中正确显示、一致的结果

Question

我知道这个问题已经被问了很多，但我尝试重新下载 Bootstrap（我有最新版本 - 3.3.6），我的 @font-face{ } 有正确的路径到我的字体文件，我不知道还能尝试什么。我在 Chrome 和 Firefox 中得到相同的结果。我的一个想法是我正在尝试放置我的图标 w/in <em> 标签，但是当我尝试将它们移到标签外部时，它们看起来仍然像波浪线，所以这并没有解决它。

我想使用 glyphicon-chevron-up 和 glyphicon-chevron-down（显示为 ≅ 和 [ ），但是当我执行类似 <span class="caret"></span> 的操作时，它看起来非常正常。

我是这样使用它们的：

<em class="pull-right">
    <em class="pull-left">
        <span class="glyphicon-chevron-up" ng-click="plusOne($index)"></span><br>
        <span class="glyphicon-chevron-down" ng-click="minusOne($index)"></span>
    </em>
    {{ post.upvotes - post.downvotes }}
</em>

我仍然可以单击图标和 increase/decrease 投票计数，所以我认为 Angular 没有问题，但仅供参考，我使用的是 angular1.4.9 和 django1。 9.同样，我知道有人问过这个问题的几种变体，但我找到的 none 解决方案对我有用，所以任何其他想法都将不胜感激！

Answer 1

也许是为了这个：

    <span class="glyphicon glyphicon-chevron-up" ng-click="plusOne($index)"></span><br>

在我的页面上效果很好。

只需在 glyphicon-icon 名称前添加 glyphicon。

只有某些 bootstrap 字形在所有浏览器中正确显示、一致的结果

Only certain bootstrap glyphicons are displaying correctly, consistent results in all browsers

twitter-bootstrap

angularjs

glyphicons