Iconfonts nutzen
Eigene Fontdatei zusammenstellen

Eigene Fontdatei zusammenstellen

Im ersten Teil dieses kleinen Tutorials Iconfonts nutzen habe ich die Grundlagen der Iconfonts erklärt und beschrieben, wie man die Chrome App IcoMoon installiert und mit dieser App die Projektbearbeitung beginnt.

Vorgehensweise bei der Zusammenstellung

Hier werde ich erklären, wie man einen eine eigene Fontdatei erstellt und die Ergebnisse so einer Zusammenstellung zur späteren Nutzung sichert.

Ich habe aus der Icon Library zwei Fontdateien (Broccolidry und 60 Vicons) hinzugefügt, die ich zur weiteren Arbeits nutzen kann. Die Inhalte dieser beiden Fontdateien sieht man in der Übersicht.
Bild "Iconfonts nutzen:IcoMoon-neues-projekt-font-zusammenstellen-01.png"

Zunächst sind keine Icons ausgewählt. Man sieht:

  • oben Schltflächen, um zwischen Auswahls- und Einzelbeabreitungsmodus zu wechseln
  • die aktuelle Darstellungsgröße der Icons, diese lässt sich anpassen
  • die Anzahl der aktuell ausgewählten Icons (hier noch keine)
Bild "Iconfonts nutzen:IcoMoon-neues-projekt-font-zusammenstellen-02.png"

Nun habe ich vier Icons ausgewählt. Dies wird auch weiter unten so angezeigt. Außerdem sind jetzt auch die Schaltflächen zum Export als SVG-/PNG-Dateien sowie als Fonts-Dateien aktiviert.

Bild "Iconfonts nutzen:IcoMoon-neues-projekt-icon-einzelbearbeitung.png"