Probleme beim Verwenden von Symbolschriften mit CSS
Ich bin neu im Webdesign und der Entwicklung und habe mit verschiedenen Stylingtechniken herumgespielt. Im Laufe meiner Recherche stieß ich auf icon fonts . Obwohl ich eine Reihe von Tutorials und Videos untersucht habe, konnte ich Icon-Fonts trotz vieler anstrengender Bemühungen nicht erfolgreich einsetzen.
Um zu beginnen, ging ich zu einer Site, die eine große Anzahl von Icon-Fonts anbietet, wählte diejenigen, die ich mochte, generierte sie und lud sie schließlich in einen Ordner herunter. Aber jetzt, wo diese Symbolschriften in einem Ordner sind, was soll ich tun?
1 Antwort
Hier ist eine Schritt für Schritt Anleitung:
Gehen Sie zu Font Squirrel und laden Sie das @font-face Kit herunter. Entpacken Sie es, benennen Sie es in "Schriftarten" um und legen Sie es im selben Verzeichnis wie Ihre HTML-Datei ab.
Verwenden Sie dies als Ihre HTML-Datei:
%Vor%Sie sollten das sehen:
Sie rollen!
Um zu wissen, welches Zeichen du verwenden sollst, schau dir auch die Zeichentabelle auf der Font Squirrel Seite an.
Tags und Links html css icon-fonts