2013-08-28 20 views
8

Ich habe Bootstrap und Font Awesome jetzt für eine Weile ohne Probleme verwendet. Es scheint, dass die Font Awesome Icons in IE10 und Firefox nicht mehr angezeigt werden, wenn ich zu Bootstrap 3 gewechselt habe. Aber es funktioniert gut in Chrome und Safari.Bootstrap 3.0 und Font Awesome

Ich habe die gleichen Symbole in einem Projekt, das ich in RC1/RC2 gemacht habe und das funktioniert immer noch gut. Wer weiß was passiert ist?

Antwort

2

Siehe auch: Updating Bootstrap to version 3 - what do I have to do? in RC1 wurden die Glyphicons entfernt. Glyphicons sind zurück seit RC2 (180 Glyphen im Schriftformat aus dem Glyphicon Halflings-Set). Vielleicht verursacht dies Ihre Probleme. Versuchen Sie, die Glyphicons aus dem Bootstrap-CSS zu entfernen. Entfernen Sie die Zeile @import "glyphicons.less"; von Ihrem bootstrap.less und erstellen Sie Bootstrap neu.

Überprüfen Sie auch, dass Glyphicon und font-awesome verschiedene Schriftformate für verschiedene Browser benötigen (.eot, .woff, .ttf, .svg). Wenn eines kaputt ist oder fehlt, funktioniert es bei einigen Browsern nicht.

+1

Er spricht über Font Ehrfürchtig nicht die Glyphicons. – Flavien

+2

@flavien ja, ich weiß. Deshalb habe ich gesagt: "Versuch, die Glyphicons aus dem Bootstrap-CSS zu entfernen". Vielleicht gibt es einen Konflikt zwischen Glyphicons (standardmäßig gebündelt) und font-awesome. Aber wegen des unterschiedlichen Ergebnisses bei verschiedenen Browsern fehlt eine Schrift am wahrscheinlichsten. –