Come impedire il rendering di glyphicon di Bootstrap su emoji (Opera, FF)?

Question

Mi piacerebbe sapere come evitare di mostrare gli emoji dai glyphicon del bootstrap?

Questo

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

rende a questo (opera, Moz)

mi sono imbattuto in questo: https://apple.stackexchange.com/questions/41228/why-do-emoji-like-appear-when-i-use-safari-but-not-chrome

Unicode qui:

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

Soluzione: aggiorna il tuo Bootstrap alla versione più recente.

Answer 1

Una migliore alternativa per evitare tali problemi è usare font-awesome invece dei glyphicon di bootstrap di Twitter e come bonus si può ottenere più set di icone di quelli forniti dai glyphicons. Ma se vuoi ancora usare i glyphicon di bootstrap è meglio copiare l'unicode per quei glyphicon (dato che i glyphicon usano unicode internamente) e aggiungere il codice come indicato nella risposta this.

Answer 2

utilizzare tag di insted di span come <i class="glyphicon glyphicon-tent"></i> potrebbe essere che aiuterà