Icons von fontawesome im Editor einbinden

Icons sind eine gute Möglichkeit, deine Texte optisch aufzuwerten oder leichter lesbar zu machen. Gerade bei Online-Kursen ist dies interessant - vor allem 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.

Hinweis: 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.