03 Wie konvertiere ich Truetype-Fonts in Symbole?

Das Ganze geht in vier Schritten

TTF nach SVG konvertieren

Convert ttf to svg | Everything Fonts konvertiert Schriftdateien im TTF-Format in SVG-Dateien. Es handelt sich um ein Online-Schriftartenkonvertierungsprogramm, das über den Browser funktioniert. Es ist keine zusätzliche Software erforderlich. Nicht alle Formatkonvertierungen funktionieren gut, also seid bitte geduldig und nett, wenn die Tools sich weigern, die Arbeit zu erledigen!

  • Wählt dazu mit dem Schalter “Pick Font File” eine beliebige TTF-Schriftdatei aus, um sie in das SVG-Format zu konvertieren.
  • Bestätigt, dass das “End User Licence Agreement” die Konvertierung erlaubt.
  • Konvertiert die TTF-Datei. Die konvertierte SVG-Schriftartdatei kann sofort als ZIP-Datei lokal auf dem Computer gespeichert werden.
  • Extrahiert die SVG-Datei.
  • Konvertiert die SVG-Datei in PNG-Dateien.

SVG nach PNG konvertieren

IcoMoon App – Icon Font, SVG, PDF & PNG Generator konvertiert anschließend die SVG-Datei in PNG-Dateien.

  • Importiert die erstellte SVG-Datei.
  • Öffnet das Menü in der rechten oberen Ecke und wählt “Select all” aus.
  • Wechselt in der Register-Leiste unten auf das Blatt “Generate SVG & More”
  • Öffne die Einstellungen.
  • Benenne die zu erstellende Datei mit den einzelnen Symbolen.
  • Überschreibe die Größe.
  • Ändere das Format.
  • Lade die konvertierte Datei aus dem Internet.
  • Benenne die Dateinamen der Symboldateien passend um und optimiere Dateigröße und Farbtiefe.

Dateien umbenennen

Damit die eingebauten Funktionen des GC Wizard die Symbole richtig darstellen können, ist der Dateiname anzupassen.

Dies ist im Detail hier beschrieben: https://blog.gcwizard.net/manual/de/beitrag-mit-symboltabellen/01-wie-unterstutze-ich-mit-symboltabellen/#symboltable_filename

Dateigröße und Farbtiefe optimieren

Im letzten Schritt ist der Speicherplatz bzw. die Performance beim Laden der Symboltabellen zu optimiere. Das geht über die Farbtiefe und damit die Dateigröße.

Dies ist im Detail hier beschrieben: https://blog.gcwizard.net/manual/de/beitrag-mit-symboltabellen/02-wie-optimiere-ich-die-dateigrose-und-farbtiefe-von-symbolen-mit-irfanview/