So verwenden Sie Schriftart fantastische 6 -Symbole
“Schriftart fantastisch 6”Ist das Toolkit, das eine Reihe verschiedener Symbole enthält, mit denen die Entwickler die bereits erstellten Symbole aus der Fonta -6 -Bibliothek der Schriftart an den Webseiten -Schnittstellen anzeigen können. Verwendung von Schriftart Awesome 6 erfordert das Hinzufügen des fantastischen 6 -Download -Links in die “Tag und dann einfach die genauen Namen der Symbole in die “hinzufügen" Schild. Es speichert die Zeit der Entwickler, da die Verwendung dieses Toolkits die Notwendigkeit beseitigt, die Symbole an den Schnittstellen zu zeichnen.
In diesem Artikel wird die Methode gezeigt, die die Schriftart für fantastische 6 -Symbole in HTML zu verwenden.
So verwenden Sie Schriftart Fantastische 6 -Symbole in HTML?
Es gibt Tausende von Ikonen in der “Schriftart fantastisch 6"Toolkit, das die Entwickler beim Codieren hinzufügen können, indem sie nur die gültigen Symbolnamen" Font Awesome 6 "(wie Auto, Glocken, Umschlag und Daumen nach oben) hinzufügen"Tag nach dem Hinzufügen des Download -Links von Font Awesome 6 in "" Schild. Dies kann mit Hilfe eines einfachen Beispiels besser verstanden werden, das einige der häufig verwendeten Symbole enthält.
Beispiel
Um die fantastischen 6 -Symbole in HTML hinzuzufügen, müssen zunächst das folgende Link -Tag in den HTML -Code hinzugefügt werden" oder "”:
In der obigen Code -Anweisung:
-
- A ""Tag wurde mit dem" hinzugefügt "rel"Attribut definiert als"Stylesheet”.
- Der "href”Attribut im Tag hat den Link, von dem die fantastischen 6 -Symbole der Schriftart heruntergeladen werden.
Die Entwickler können dann eine der relevanten Schriftart -Awesome -6 -Symbole in der HTML hinzufügen”Tag im Codekörper:
Im obigen Code -Snippet:
-
- Der "Tags haben die Klassen mit dem deklariertFa”(Font großartige Werte) und die gültigen Symbolnamen werden danach geschrieben.
- Im gleichen “”Tag, die Stilattribute werden hinzugefügt, um das Inline -CSS -Styling hinzuzufügen.
- Die Schriftgröße für alle “Tagsymbole wurden als "definiert als"50px”
- Es wurden verschiedene Farben für verschiedene Symbole angegeben. Wenn für die Symbole keine Farbe definiert ist, wird die Standardfarbe sein. “Schwarz”.
Die Namen der im Code -Snippet hinzugefügten Symbole zeigen die Symbole aus dem “Schriftart fantastisch 6" Bibliothek:
So können Sie das verwenden "Schriftart fantastisch 6”Um Symbole in HTML anzuzeigen.
Abschluss
Der "Schriftart fantastisch 6In einem HTML -Dokument werden Symbole verwendet, indem zuerst das "das" hinzugefügt wird ""Tag mit dem"href”Attribut entweder im Codekopf oder im Körper, der den Link enthält, durch den die Schriftart 6 -Symbole heruntergeladen werden müssen. Danach die gültigen Namen aller verfügbaren Symbole der “Schriftart fantastisch 6"Bibliothek kann in die" hinzugefügt werden "Tags zum Anzeigen der Symbole auf der Ausgangsschnittstelle.