WebFont/macOS-App
Fokussierte Font-Workflows
Fonts aus SVG erstellen, subsetten, konvertieren und als Webfonts veröffentlichen
WebFont ist eine lokale macOS-App für Text-zu-SVG, das Erstellen von Icon- und Farbfonts aus SVG-Grafiken, Subsetting, Formatkonvertierung und Webfont-Pakete.
Fonts aus SVGs erstellen. Subsets aus Text generieren.
WebFont verbindet Text-zu-Outline-Export, SVG-basierten Font-Aufbau, Ersetzen von Quellfonts, Subsetting, Konvertierung, Validierung und Webpaket-Erstellung in einem lokalen macOS-Workflow.
Text und Glyphen-Artwork erstellen
Wandle Wörter, Sätze und mehrzeiligen Text mit allen verfügbaren variablen Achsen in SVG-Umrisse um oder bereite umrandete SVG-Grafiken für Icon- und Webfont-Erstellung vor. Unterstützte Farbglyphen behalten ihre Farben.
Fonts erstellen oder bearbeiten
Erstelle einen neuen Font aus SVG-Glyphen oder importiere einen statischen TrueType-Quellfont, um Unicode-Glyphen hinzuzufügen und zu ersetzen.
Ausgaben prüfen und veröffentlichen
Führe den Preflight aus, validiere die erzeugten Fonts und exportiere TTF, WOFF, WOFF2, Glyphen oder ein Webpaket mit CSS, Demo-HTML und Metadaten.
Was die aktuelle App kann
Text zu SVG-Umrissen
Wandle Text mit dem geladenen Font in SVG-Pfade um. Größe, alle verfügbaren variablen Achsen, Laufweite, Zeilenhöhe, Umbruchbreite, Ausrichtung, Abstand und Fallback lassen sich einstellen. Unterstützte Vektor-Farbglyphen behalten ihre Farben, Bitmap-Farbglyphen werden als PNG eingebettet, und einfarbige Grafiken verwenden die gewählte Füllfarbe. Text zu SVG exportiert keine statische Fontinstanz.
Font-Builder
Erstelle einfarbige oder farbige Fonts aus statischen SVG-Grafiken. Der Farbmodus behält unterstützte Füllungen, Konturen, lineare/radiale Verläufe und Deckkraft in COLR/CPAL bei und nutzt SVG-Fallbacks für unterstützte Verlaufs-/Effektglyphen. Füge Paletten für helle oder dunkle Hintergründe hinzu und exportiere TTF, WOFF, WOFF2 oder ein Webpaket.
Quellfont bearbeiten
Importiere einen unterstützten statischen, nicht farbigen TrueType-Font, füge SVG-Glyphen hinzu oder ersetze vorhandene Unicode-Glyphen. Die Glyphen-IDs bleiben stabil.
Vorabprüfung
Melde Unicode-Konflikte, doppelte Glyphennamen, leere Pfade, ungewöhnliche SVG-Größen, Metrikprobleme, nicht unterstützte SVG-Funktionen und zu komplexe Grafiken vor dem Export.
Projektdateien und Vorlagen
Speichere .webfontproject-Pakete mit eingebetteten Quellfontdaten, SVG-Glyphen, Build-Einstellungen, Ausgabeoptionen und Ersetzungszielen. Exportiere vor dem Zeichnen SVG-Vorlagen mit Hilfslinien.
Subsets erzeugen
Subsets aus ausgewählten Glyphen, eingefügtem Text, .txt-Dateien oder Unicode-Vorgaben erstellen. Unterstützt TTF, OTF/CFF/CFF2, WOFF, WOFF2 und einen gewählten TTC/OTC-Schnitt sowie variable Fonts und Farbfonts. Exportiere TTF/OTF mit Originalumrissen, WOFF und WOFF2 oder backe im Export-Panel eine statische Instanz.
Webfont-Konvertierung
WOFF/WOFF2 verpacken oder entpacken, wobei Konturen, variable Achsen und Farbdaten erhalten bleiben. Explizite TTF/OTF-Ziele konvertieren unterstützte statische TrueType- ↔ CFF- und variable TrueType- (glyf/gvar) ↔ CFF2-Fonts, einschließlich unterstützter COLR-v0/v1- und OpenType-SVG-Farbdaten. Die Grenzen stehen unten.
Webpaket und Validierung
Exportiere Fontdateien, @font-face-CSS und demo.html; Font-Builder-Pakete enthalten zusätzlich metadata.json, Glyphen-Vorschauen und HTML-Snippets. Farbdemos bieten bei Unterstützung Palettensteuerungen, und Exporte statischer Instanzen schreiben passendes font-weight/stretch/style-CSS. Ausgaben werden validiert, Webformate zusätzlich per Decode-Roundtrip geprüft; die Darstellung von Farbeffekten hängt vom Zielbrowser oder der Ziel-App ab.
Farbglyphen anzeigen und exportieren
Zeige Originalfarben an, soweit Fontformat und macOS-Renderer sie unterstützen. CBDT-PNG-Glyphen haben zusätzlich einen integrierten Bitmap-Leser. Farbglyphen lassen sich als PNG oder PDF exportieren. Unterstützte COLR- und OpenType-SVG-Grafik wird als Vektor-SVG exportiert; Bitmap-Glyphen und Effekte ohne genaues SVG-Äquivalent fallen auf ein in SVG eingebettetes PNG zurück.
Glyphenexport
Durchsuche das Glyphenraster und exportiere eine Glyphe oder eine Mehrfachauswahl als SVG, PNG oder PDF. Der Export nutzt die gewählte Größe und Vordergrundfarbe; unterstützte Farbglyphen behalten ihre Farben. Instanz-Einstellungen variabler Fonts ändern den Glyphenexport nicht.
Echte Font-Produktionsaufgaben
Icon-Fonts erstellen
Erstelle aus umrandeten SVG-Symbolen Icon-Fonts, ordne Unicode-Werte zu, führe den Preflight Check aus und exportiere browserfertige Font-Pakete.
Text-Art und Lettering
Wandle Wörter, Sätze und mehrzeiligen Text für Logos, Dokumente, Übergaben, Poster und SVG-basierte Design-Assets in echte Font-Umrisse um.
Webfonts optimieren
Erstelle Subsets aus ausgewählten Glyphen oder Text, behalte benötigte OpenType-Funktionen und liefere nur die von deinem Produkt benötigten Webfont-Formate aus.
Font-Veröffentlichung prüfen
Erzeugte TTF-, OTF-, WOFF- und WOFF2-Dateien validieren, Zeichenabdeckung und Warnungen prüfen und vor der Veröffentlichung eine Demoseite ansehen.
Klare Regeln, sichere Ausgabe
WebFont setzt auf explizites Verhalten statt stiller Änderungen. Nicht unterstützte SVG- und Font-Funktionen werden gemeldet, damit du das Artwork vor der Produktion korrigieren kannst.
- SVG-Eingaben des Font Builders müssen statische, umrandete Grafiken sein, keine Live-Texte, Rasterbilder, Filter, Masken, Skripte, Animationen oder externen Ressourcen. Der Farbmodus lehnt auch Muster und nicht unterstützte Mischmodi ab.
- Die direkte Bearbeitung eines Quellfonts ist auf unterstützte statische, nicht farbige TrueType-Fonts beschränkt. Beim Hinzufügen oder Ersetzen bleiben vorhandene Glyphen-IDs stabil.
- Subsets entstehen jeweils aus einem Font oder einem ausgewählten TTC/OTC-Schnitt. Ursprüngliche Konturen, variable Achsen und unterstützte Farbressourcen bleiben erhalten.
- Text zu SVG behält unterstützte Vektor-Farbglyphen bei und bettet Bitmap-Farbglyphen als PNG ein; die Füllfarbe gilt für einfarbige Grafiken. Die Achsensteuerung ändert nur die Grafik und erzeugt keine statische Fontdatei.
- Alle Verarbeitung läuft lokal auf dem Mac. Font-Dateien werden nicht von der App hochgeladen.
- Die Konturkonvertierung erhält Glyphen-IDs sowie unterstützte COLR-v0/v1-, CPAL- und OpenType-SVG-Daten. Geeignete variable Fonts behalten alle Achsen. Hinting wird entfernt; Kurvenannäherung kann Darstellung und Dateigröße ändern. Bitmap- sowie inkompatible Layout- oder Variationsdaten werden mit Begründung abgelehnt.
- Die Farbvorschau hängt vom Fontformat und vom macOS-Renderer ab. Unterstützte COLR- und OpenType-SVG-Grafik wird als Vektor-SVG exportiert; Bitmap-Glyphen und Effekte ohne genaues Äquivalent betten ein PNG ein. Erhaltene Farbdaten werden nicht von jedem Browser oder Programm angezeigt.
- Das Glyphenraster zeigt variable Fonts in der Standardinstanz und erkennt Achsen. Im Export-Panel exportiert „Alle Achsen beibehalten“ den variablen Font, während „Statische Instanz“ die aktuellen Achsenwerte in Font-Subset- und Web-Package-Ausgaben übernimmt; nicht aufgeführte Achsen werden auf ihre Standardwerte fixiert, und Name sowie Gewicht-/Stil-Metadaten des Fonts werden nicht neu geschrieben.
Konvertierungsregeln für TTF, OTF und Webfonts
WOFF/WOFF2 ändern den Container, nicht den Konturtyp. TTF/OTF (original outlines) stellt .ttf für TrueType und .otf für CFF/CFF2 wieder her. Explizite Konturziele unterstützen statisches TrueType ↔ CFF und geeignetes variables TrueType ↔ CFF2. Bereits passende Konturen bleiben unverändert. Einzel- und Stapelkonvertierung zeigen konkrete Fehlergründe; Stapel laufen weiter und zählen Erfolge und Fehler. Ungültige Daten oder Formatgrenzen können die Konvertierung verhindern.
| Eingabeformat | Zieloption | Tatsächliche Ausgabe | Status | Umrisstyp und Konvertierungsdetails |
|---|---|---|---|---|
| TTF | WOFF / WOFF2 | .woff / .woff2 | Unterstützt | Verpackt TrueType-Konturen als Webfont. Behält Konturtyp, variable Achsen und Farbdaten. |
| OTF (CFF/CFF2) | WOFF / WOFF2 | .woff / .woff2 | Unterstützt | Verpackt CFF/CFF2-Konturen als Webfont. Behält Konturtyp, variable Achsen und Farbdaten. |
| WOFF / WOFF2 | TTF/OTF (original outlines) | .ttf | Unterstützt | Stellt TrueType-Konturen als .ttf wieder her. Ändert den Konturtyp nicht und behält Achsen und Farbdaten. |
| WOFF / WOFF2 | TTF/OTF (original outlines) | .otf | Unterstützt | Stellt CFF/CFF2-Konturen als .otf wieder her. Ändert den Konturtyp nicht und behält Achsen und Farbdaten. |
| Statisches TTF | OTF (PostScript outlines) | .otf | Unterstützt (statische Fonts) | Statisches TrueType nach CFF, einschließlich COLR v0/v1 und OpenType-SVG. Behält Glyphen-IDs, Farblayer, Verläufe und Paletten. Hebt quadratische Kurven zu kubischen an und entfernt Hinting. |
| Statisches OTF (CFF) | TTF (TrueType outlines) | .ttf | Unterstützt (statische Fonts) | Statisches CFF nach TrueType, einschließlich COLR v0/v1 und OpenType-SVG. Behält Glyphen-IDs, Farblayer, Verläufe und Paletten. Nähert kubische Kurven mit quadratischen an und entfernt Hinting. |
| Variables TrueType ↔ CFF2 | TTF / OTF | .ttf / .otf | Mit Einschränkungen | Behält alle Achsen und unterstützte Farbdaten bei; die Konturkonvertierung selbst fixiert keine Achsenwerte. Für eine Datei mit festen Achsen wähle im Export-Panel „Statische Instanz“ und erstelle dann ein Font-Subset oder Webpaket. Erfordert 1–16 Achsen, höchstens 48 Kontur-Variationsregionen, kompatible Master-Konturen und lösbare Variationsdaten. Validierung, Größen- und Koordinatengrenzen gelten weiterhin. CFF2-Ausgaben können erheblich größer sein. |
| Bitmap-Farbe (sbix/CBDT/EBDT) | Konturkonvertierung | — | Nicht unterstützt | Wandelt Bitmap-Grafik nicht in Vektorkonturen um. Nutze den Export der ursprünglichen Konturen oder die Web-Verpackung, um Bitmaps zu behalten. |
| TTC / OTC | Einzel- / Stapelkonvertierung | — | Nicht unterstützt | Wähle im Hauptfenster einen Schnitt der Sammlung und erstelle daraus ein Subset. |
| Nicht unterstützte Variationsdaten | Konturtyp ändern | — | Nicht unterstützt | VARC-Konturen, CFF1 mit variablen Achsen, CFF2 ohne fvar, inkompatible Master, nicht lösbare Regionen oder überschrittene Konvertierungsgrenzen verhindern den Konturwechsel. Nutze bei Unterstützung den Export ursprünglicher Konturen oder Web-Verpackung. |
| Inkompatible Layoutdaten | Konturtyp ändern | — | Nicht unterstützt | Einige ältere AAT-Tabellen und Layoutdaten mit Verweisen auf ursprüngliche Konturpunktnummern verhindern eine sichere Konvertierung. Der genaue Grund wird angezeigt. |