2016-08-01 16 views
1

Anzeige Wenn ich diesen Auszeichnungs verwenden:Gylphicon nicht richtig

<span class="glyphicon glyphicon-resize-vertical"></span> 

das Symbol zeigt in Ordnung. Wenn ich jedoch diese CSS-Regel verwenden:

.section-header::after { 
    content:"\e119"; 
    float: right; 
    padding-left: 1em; 
} 

es zeigt nur die allgemeine fehlende Schrift quadratisches Bild.

Suche im Internet sieht aus wie andere Leute haben ein ähnliches Problem, aber diese scheinen durch die Korrektur der Speicherort der Glyphe-Symbol Schriftart Dateien behoben werden, aber meins ist in der richtigen Stelle, dh relativ zu den CSS ist bei ..\fonts\

Was sonst könnte das Problem sein?

+0

definieren Schriftfamilie: Glyphicons Halblinge –

+0

Könnten Sie bitte ausarbeiten? Danke – CompanyDroneFromSector7G

+0

hat gerade die Antwort geschrieben –

Antwort

3

Sie müssen font-family definieren, versuchen Sie die folgenden CSS, sollte es

.section-header::after { 
    content:"\e119"; 
    float: right; 
    padding-left: 1em; 
    font family: Glyphicons Halflings; 
} 
+0

Ausgezeichnet - das hat funktioniert. Vielen Dank :) – CompanyDroneFromSector7G

0

hinzufügen font-family wie diese Arbeit: Demo

.section-header::after { 
    font-family:'Glyphicons Halflings'; 
    content:"\e119"; 
    float: right; 
    padding-left: 1em; 

}