2017-01-31 27 views
2

Ich werde verrückt mit diesem Problem. Ich möchte 8 Symbole auf einer Seite anzeigen, aber nur 4 von ihnen werden angezeigt. Ich habe nachgeschlagen this for help, aber ich habe nichts nützliches. Ich habe auch auf StackOverflow gecheckt, aber auch nichts Nützliches bekommen.Font-awesome einige Symbole fehlen

Der vollständige Code ist here.

Und das ist, wie ich die Symbole sehen:

enter image description here

ich diese bekommen in localhost und hochgeladen es zu altervista. Ich bekomme das mit Chrome, Firefox und Vivaldi. Ich bekomme das mit lokalen fa-Dateien und mit dem CDN. Die Icons, die nicht sichtbar sind, fehlen die :before, aber ich weiß nicht warum. Kann mir jemand helfen?

Antwort

3

Sie verwenden Symbole (z. B. fa-thermometer-half oder fa-free-code-camp), die in Version 4.7 eingeführt wurden. Auf Ihrer Website ist jedoch Version 4.6.3 von FontAwesome enthalten (siehe here). Aktualisieren Sie Ihre FontAwesome-Instanz auf die neueste Version, um Ihr Problem zu lösen.

1

Bitte verwenden Sie die neueste Version von Font Awesome oder kopieren Sie diesen Code in Ihren Kopfbereich.

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> 
0

In meinem Fall war das Problem, dass ich in CSS zu tun war:

.icon:before { 
    font-family: "Font Awesome"; 
} 

während es sein sollte:

.icon:before { 
    font-family: "Font Awesome 5 Free"; 
} 

sogar ein einzelnes Zeichen verschiedene Ursachen Erste einige der Symbole zu verschwinden. Furchtbare Sache. Hoffe, das hilft.

Verwandte Themen