如何防止Bootstrap的glyphicon渲染到表情符号(Opera,FF)?

kri*_*ris 8 opera mozilla emoji glyphicons twitter-bootstrap-3

我想知道如何防止在bootstrap的glyphicons中显示表情符号?

这个

<span class="glyphicon glyphicon-tent"></span>
Run Code Online (Sandbox Code Playgroud)

渲染到这个(歌剧,moz)

在此输入图像描述

我偶然发现了这个问题:https: //apple.stackexchange.com/questions/41228/why-do-emoji-like-appear-when-i-use-safari-but-not-chrome

Unicode在这里:

http://www.fileformat.info/info/unicode/char/26fa/index.htm

解决方案:将Bootstrap更新到最新版本.

use*_*r93 0

避免此类问题的更好选择是使用 font-awesome 而不是 twitter bootstrap glyphicons,作为奖励,您可以获得比 g​​lyphicons 提供的更多图标集。但是,如果您仍然想使用引导字形,最好复制该字形的 unicode(因为字形在内部使用 unicode)并附加答案中给出的代码。