Icons sind eine gute Möglichkeit, deine Texte optisch aufzuwerten oder leichter lesbar zu machen. Gerade bei Online-Kursen ist dies interessant – besonders, wenn du immer wiederkehrende Elemente nutzt z.B. für Hinweise, Aufgaben, Fragen etc.
Hier ein Beispiel:
Dafür kannst du die freien Icons von https://fontawesome.com/icons?d=gallery nutzen.
Nutzt du immer wieder bestimmte Icons, solltest du dir ein internes Dokument mit der Codeliste anlegen, auf das du schnell Zugriff hast.
Anleitung
- Suche dir ein freies Icon von der Webseite aus, welches du nutzen möchtest.
- Kopiere den Code für das Icon in die Zwischenablage.
- Öffne den HTML-Bereich im Editor über das Symbol </>
- Füge den Code im HTML-Bereich des Editors ein
z.B. <i class="far fa-hand-point-right"></i> - Ändere den Code von "far" auf "fa". -> <i class="fa fa-hand-point-right"></i>
- Wechsele über das Symbol </> wieder zurück in den Ansichtsmodus des Editors, damit du
a) die Änderungen siehst und
b) diese auch gespeichert werden.
Und schon ist das Icon eingebunden.
Teste bitte, ob das von dir gewählte Icon auch funktioniert. Manche Icons stehen dir nur in der bezahlten Version Pro von Fontawesome zur Verfügung.
Für deinen Schnellstart