Zum Inhalt springen

WebFont/macOS-App

Fokussierte Font-Workflows
Glyphen exportieren, Subsets erstellen und Webfonts veröffentlichen

WebFont ist eine macOS-App zum Exportieren von Font-Glyphen als SVG und zum Erstellen von Font-Subsets in Sekunden.


Workflow

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 in SVG-Umrisse um oder bereite umrandete SVG-Grafiken für Icon- und Webfont-Erstellung vor.

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 Check aus, validiere erzeugte Fonts und exportiere anschließend TTF, WOFF, WOFF2, CSS, Demo-HTML, Metadaten oder Glyphen-Assets.


Funktionen

Was die aktuelle App kann

Text zu SVG-Umrissen

Wandle eingegebenen Text mit dem geladenen Font in portable SVG-Pfade um. Größe, variable Stärke, Laufweite, Zeilenhöhe, Umbruchbreite, Ausrichtung, Abstand, Füllfarbe und Fallback lassen sich steuern.

Wörter und Sätze
Variable Stärke
SVG kopieren oder speichern
Font Builder

Erstelle Icon- und Webfonts aus umrandeten SVG-Grafiken, weise Unicode-Werte und Glyphennamen zu und exportiere TTF, WOFF, WOFF2, CSS, Demo-HTML und Metadaten.

SVG-Glyphen
Icon-Fonts
Webfonts
Quellfont bearbeiten

Importiere einen statischen TrueType-Quellfont, füge SVG-Glyphen hinzu oder ersetze vorhandene Unicode-Glyphen, während die Ersatz-Glyphen-IDs stabil bleiben.

Glyphen hinzufügen
Unicode ersetzen
Stabile Glyphen-IDs
Preflight Check

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.

Rot, Gelb, Grün
SVG-Prüfungen
Font-Metriken
Projektdateien und Vorlagen

Speichere .webfontproject-Pakete mit eingebetteten Quellfontdaten, SVG-Glyphen, Build-Einstellungen, Ausgabeoptionen und Ersetzungszielen. Exportiere vor dem Zeichnen SVG-Vorlagen mit Hilfslinien.

.webfontproject
Eingebettete Fontdaten
SVG-Vorlage
Subsets erzeugen

Erstelle kleinere TrueType-Umrissfonts aus ausgewählten Glyphen, eingefügtem Text, importierten .txt-Dateien oder Unicode-Voreinstellungen für allgemeine, japanische und koreanische Zeichensätze.

Texteingabe
Unicode-Voreinstellungen
TTF WOFF WOFF2
Formate konvertieren

Konvertiere TTF, OTF, WOFF und WOFF2 einzeln oder im Stapel. Die WOFF2-Kodierung und -Dekodierung basiert auf Google WOFF2.

TTF OTF WOFF WOFF2
Stapelwarteschlange
Lokale Verarbeitung
Webpaket und Validierung

Erzeuge fonts/, CSS mit @font-face und unicode-range, demo.html, metadata.json, Glyphen-Vorschauen und HTML-Snippets. Die Ausgaben werden auf Parser, Tabellen, cmap-Abdeckung, doppelte Unicode-Zuordnungen und WOFF/WOFF2-Roundtrips geprüft.

CSS und Demo-HTML
metadata.json
Roundtrip-Prüfungen

Entwickelt für

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

Validiere erzeugte TTF-, WOFF- und WOFF2-Dateien, prüfe cmap-Abdeckung und Warnungen und kontrolliere vor der Veröffentlichung eine Demo-Seite.


Geltungsbereich

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.
  • Die Quellfont-Bearbeitung unterstützt statische TrueType-basierte Fonts.
  • Die Subset-Erstellung unterstützt jeweils einen geladenen Quellfont und Ausgaben mit TrueType-Umrissen.
  • Text zu SVG verwendet den geladenen Font und kann Fallback-Fonts blockieren, damit die exportierten Umrisse diesem Font entsprechen.
  • Alle Verarbeitung läuft lokal auf dem Mac. Font-Dateien werden nicht von der App hochgeladen.