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: einfarbige oder farbige 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, einschließlich unterstützter statischer und variabler Umrisskonvertierung.
  • Subset-Erstellung: Kleinere Subsets als TTF/OTF (Originalumrisse), WOFF und WOFF2 aus TrueType-, CFF/CFF2-, variablen und Farbfonts erstellen, auch aus einem gewählten TTC/OTC-Schnitt.
  • Statische Fontinstanzen: Im Export-Panel alle Achsen beibehalten oder eine statische Instanz in Font-Subset- und Web-Package-Ausgaben übernehmen.
  • Webpaket-Ausgabe: fonts/, CSS mit @font-face und unicode-range sowie demo.html erstellen; Font-Builder-Pakete enthalten zusätzlich metadata.json.
  • 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 oder einen gewählten TTC/OTC-Schnitt.
  • Subset-Ausgaben behalten den Quellumriss-Typ bei (TrueType → .ttf, CFF/CFF2 → .otf); WOFF und WOFF2 bleiben Web-Container.
  • Text zu SVG bietet alle variablen Achsen des geladenen Fonts und behält unterstützte Farbglyphen bei, erzeugt aber weder einen neuen Font noch eine statische Instanz.

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