Font Awesome Icons in der Woltlab Suite 6.2 verwenden
(HTML-Seite oder HTML-Box)
<fa-icon name="arrow-right" size="16"></fa-icon>
Icon ausssuchen:
Find Icons with the Perfect Look & Feel | Font Awesome
Used by millions of designers, devs, & content creators. Open-source. Always free. Check out the all-new icons, styles, and packs available in Font Awesome 7.
fontawesome.com
Einbinden in HTML-Box:
- Im Administrationsbereich (ACP) eine Box erstellen
- Box-Typ HTML auswählen
- Inhalt einfügen
Einbinden in HTML-Seite:
- Im Administrationsbereich (ACP) eine Seite erstellen
- Seiten-Typ HTML auswählen
- Inhalt einfügen
Beispiel-Größen: 16, 32, 48, 64, 128
Codes für die Icons
(je nach Größe auswählen, für HTML-Box oder HTML-Seite identisch):
fa-icon name="arrow-right" size="16"></fa-icon>
<fa-icon name="arrow-right" size="32"></fa-icon>
<fa-icon name="arrow-right" size="48"></fa-icon>
<fa-icon name="arrow-right" size="64"></fa-icon>
<fa-icon name="arrow-right" size="128"></fa-icon>
Icon im Bereich name="arrow-right" mit gewünschtem Icon-Namen anpassen (zwischen den "" Anführungszeichen).