Anleitung Icon Set
Die unten aufgeführten Icons stehen auf der ganzen Webseite zur Verfügung und können überall dort, wo mit HTML Text gearbeitet wird auch entsprechend eingefügt werden.
Die Icons selbst müsse jedoch im HTML gepflegt werden. Die vorgehensweise wäre dabei wie folgt - Du schreibst einen Text, zu de du ein Icon haben möchtes:
Ich bin ein Text und will ein Icon haben.
Wenn das Icon vor dem Text stehen soll musst du einfach den Namen, welcher unter dem Icon steht dem Text vorranstellen:
icon--heart Ich bin ein Text und will ein Icon haben.
Wenn du das getan hast musst du in die HTML Ansicht wechseln und nach dem Icon Namen, welchen du gesetzt hast suchen und aus dem Icon Namen das folgende machen:
<span class="icon--heart"> </span>
Das sieht dann fertig hier im Editor so aus:
Ich bin ein Text und will ein Icon haben.
Keine Angst, das Icon ist nur im Quelltext und im Frontend sichtbar, nicht jedoch im Editor.
Du kannst das Icon auch noch in einer entsprechenden Farbe oder größe darstellen. Dafür musst du den Code nur um die folgenden Punkte erweitern:
<span class="icon--heart" style="font-size:50px; color:#ff0000;"> </span>
Das sieht dann so aus:
Ich bin ein Text und will ein Icon haben.