Icons in Schrift umwandeln

Um innerhalb eines personalisierbaren Artikels Icons oder Symbole innerhalb einer Textpassage ohne großen Aufwand verwenden zu können, kann man diese recht einfach online in Schrift umwandeln und zwar mit: https://glyphter.com/

Beispiel:
Vor E-Mail Adresse soll ein Brief dargestellt werden. Wird die E-Mail nicht ausgefüllt, soll selbstverständlich auch der Brief wegfallen

Das verwendete Symbol ist in diesem Beispiel eine platzierte Grafik aus Illustrator, die durch "copy and paste" aus InDesign ganz einfach wieder in Illustrator geöffnet werden kann. Hierzu erstellt man sich in Illustrator ein neues Dokument und setzt die kopierte Grafik ein.

Man sollte dabei darauf achten, dass die Größe des Dokumentes nur geringfügig größer sein sollte als die eigentliche Grafik. Möchte man für ein und denselben Artikel mehrere Icons umwandeln, so sollte man sich am größten Icon orientieren und diese Dateigröße einheitlich übernehmen.

Zuerst sollte man mögliche verwendete Schnittmasken löschen. Der nächste entscheidene Schritt ist, das die dargestellten Linien keine Kontur, sondern eine Fläche sein müssen. Das kann man ganz einfach über den Menüpunkt "Objekt → Umwandeln" erreichen.

Nachdem dieser Schritt erfolgt ist, kann das Icon als .svg-Datei abgespeichert werden. Hierbei ist es wichtig, das keine ausgeblendeten Ebenen mehr in der Datei vorhanden sind, da diese nicht mur mitgespeichert werden, sondern auch dargestellt werden.

Die so erzeugte Datei kann nun ganz einfach bei "glyphter.com" per drag and drop pder Auswahl hochgeladen werden. In beiden Fällen überlegt man sich zuvor welchen Großbuchstaben man dafür verwenden möchte.

Es besteht die Möglichkeit in dem Feld "UNTITLED FONT" seiner so zu erzeugenden Schrift noch einen Namen zu geben. Möchte man das nicht, so heißt die Schrift grundsätzlich glyphter.ttf

Zusätzlich besteht die Option "Settings" für seine Icon-Schrift einzustellen: Font Name, Class Prefix, Em Square Height, Baseline Height, Whitespace Width.

Anschließend lädt man sich die Schrift herunter - entweder über das "Speichern-Symbol" oder "Font download-Symbol".
Der so zur Verfügung gestellte Download enthält folgende Dateien: css, eot, svg, ttf und woff.

Die so erzeugte Schrift kann nun wie jede andere Schrift im Backend hochgeladen und verwendet werden.