2017-03-21 4 views
3

Ich baue Semantic UI mit Gulp unter Verwendung der Anleitung bei https://semantic-ui.com/introduction/getting-started.html.Symbole, die nicht mit Semantic UI angezeigt werden

Das Problem ist jetzt jedoch, dass die Symbole nicht angezeigt werden. Wenn ich also <i class="facebook icon"></i> benutze, wird nichts angezeigt.

Ich glaube, ich habe nicht die Symbolschrift oder etwas ähnliches gebaut.

Muss ich Font Awesome oder ähnliches selbst laden? Ich habe die Dokumentation zur semantischen Benutzerschnittstelle gelesen, aber ich kann nirgends finden, dass ich irgendetwas tun muss, um Symbole zu aktivieren.

+0

haben Sie die Datei semantic.css geladen? –

+0

Ja, ich habe und alles andere in Semantic UI funktioniert außer den Symbolen – Jamgreen

Antwort

-1

Sie müssen umfassen die Schrift Vermögenswerte umfassen, die in themes/default/assets/fonts/

Die Themen Ordner befinden sich im gleichen Verzeichnis wie die semantic.css Datei sein muss.

Die Schriftarten werden extern aus der Datei semantic.css aus dem Verzeichnis themes importiert.

Um dieses Verzeichnis zu erhalten, download die Zip für semantische ui und in der dist Ordner suchen.

+0

immer noch nicht bekommen, was meinst du im ersten Schritt, ich habe einen Höhepunkt zu 'Assets/Semantic-UI/Komponenten/Icon.css' und finde das heraus 'src: url (" ./../ themes/default/assets/fonts/icons.eot ");' ist korrekt enthalten, aber ich finde das schwer zu verstehen –