如何防止Bootstrap的glyphicon在Opera和Firefox中被渲染为表情符号？

Question

如何防止Bootstrap的glyphicon在Opera和Firefox中被渲染为表情符号？

twitter-bootstrap-3operamozillaemojiglyphicons

8

我希望了解如何防止Bootstrap的Glyphicons显示表情符号？

这个

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

渲染为这样（opera，moz）

enter image description here

我偶然发现这个问题： 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更新到最新版本。

- kristjan reinhold

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Rahul Reghunath Mannady · Answer 1

使用标签而不是标签，例如<i class="glyphicon glyphicon-tent"></i>，这样可能会有所帮助

- user93 · Answer 2

避免这种问题的更好选择是使用font-awesome而不是twitter bootstrap glyphicons，作为奖励，您可以获得比glyphicons提供的更多图标集。但是，如果您仍然想使用bootstrap glyphicons，最好复制该glyphicons的unicode（因为glyphicons在内部使用unicode），并将代码附加到this答案中给出的代码。