Zum Inhalt springen
+

WebFont – Übersicht

WebFont ist ein lokales macOS-Werkzeug für Text zu SVG, SVG-basierten Fontaufbau, Fontkonvertierung, Subsetting, Glyphenexport und Webfont-Pakete.

WebFont ist für praktische Webfont-Produktion ausgelegt. Die App wandelt Text in SVG-Umrisse um, erstellt Icon-Fonts aus umrandeten SVG-Grafiken, bearbeitet statische TrueType-Quellfonts, erzeugt Subsets, konvertiert Fontformate und verpackt browserfertige Ausgaben.

WebFont-Bildschirmaufnahme

Kernfunktionen

  • Text zu SVG: Wörter, Sätze und mehrzeiligen Text mit dem geladenen Font in SVG-Pfade umwandeln.
  • Font Builder: Icon- und Webfonts aus umrandeten SVG-Glyphen erstellen.
  • Quellfont bearbeiten: SVG-Glyphen zu einem statischen TrueType-Font hinzufügen oder Unicode-Glyphen ersetzen.
  • Preflight Check: Unicode-Konflikte, doppelte Glyphennamen, leere Pfade, ungewöhnliche Größen, Metrikprobleme, nicht unterstützte SVG-Funktionen und zu komplexe Glyphen melden.
  • Projektdateien: .webfontproject-Pakete mit eingebetteten Quelldaten, SVG-Glyphen, Build-Einstellungen und Ausgabeoptionen speichern und öffnen.
  • Fontkonvertierung: TTF, OTF, WOFF und WOFF2 einzeln oder im Stapel konvertieren.
  • Subset-Erstellung: Kleinere TrueType-Umrissfonts als TTF, WOFF und WOFF2 erzeugen.
  • Webpaket-Ausgabe: fonts/, CSS mit @font-face und unicode-range, demo.html und Metadaten erstellen.
  • Glyphenexport: ausgewählte Glyphen als SVG, PNG und PDF exportieren.

Verarbeitungsmodell

  • Die Verarbeitung läuft lokal auf deinem Mac.
  • Eine Kontoanmeldung ist nicht erforderlich.
  • Es ist keine Cloud-Konvertierung nötig.
  • WebFont schreibt Ausgaben nur an von dir ausgewählte Orte.

Aktuelle Grenzen

  • SVG-Eingaben für Font Builder müssen statische, umrandete Grafiken sein, keine Live-Texte, Rasterbilder, Filter, Masken, Skripte, Animationen oder externen Ressourcen.
  • Die Quellfont-Bearbeitung unterstützt statische TrueType-basierte Fonts.
  • Die Subset-Erstellung unterstützt jeweils einen geladenen Quellfont.
  • Die Subset-Ausgabe unterstützt derzeit TrueType-Umrissfonts.
  • Text zu SVG kann variable Stärke verwenden, wenn der geladene Font eine entsprechende Achse bereitstellt, erzeugt aber keinen neuen variablen Font.

Tastaturkürzel

  • Nicht zusammenhängende Mehrfachauswahl: Command + Klick
  • Bereich auswählen: Shift + Klick
  • Ausgewählte Glyphen in der Vorschau: Leertaste
  • Alle Glyphen auswählen: Command + A
  • Ausgewählte Glyphen aus dem aktuellen Datensatz entfernen: Delete