WebFont/macOS App
Focused font workflows
Export glyphs, build subsets, and ship web-ready fonts
WebFont is a macOS App focused on exporting font glyphs to SVG and building font subsets in seconds.
Build fonts from SVGs. Generate subsets from text.
WebFont combines text-to-outline export, SVG-based font building, source font replacement, subsetting, conversion, validation, and web package generation in one local macOS workflow.
Create text and glyph artwork
Turn words, phrases, and multi-line text into SVG outlines, or prepare outlined SVG artwork for icon and web font building.
Build or edit fonts
Create a new font from SVG glyphs, or import a static TrueType-based source font to add and replace Unicode glyphs.
Check and ship outputs
Run Preflight Check, validate generated fonts, then export TTF, WOFF, WOFF2, CSS, demo HTML, metadata, or glyph assets.
What the current app can do
Text to SVG Outlines
Use the loaded font to turn typed text into portable SVG paths with size, variable weight, tracking, line height, wrap width, alignment, padding, fill color, and fallback controls.
Font Builder
Build icon fonts and web fonts from outlined SVG artwork, assign Unicode values and glyph names, then export TTF, WOFF, WOFF2, CSS, demo HTML, and metadata.
Source Font Editing
Import a static TrueType-based source font, add new SVG glyphs, or replace existing Unicode glyphs while keeping replacement glyph IDs stable.
Preflight Check
Report Unicode conflicts, duplicate glyph names, empty paths, abnormal SVG sizes, metric issues, unsupported SVG features, and overly complex artwork before export.
Project Files and Templates
Save .webfontproject packages with embedded source font data, SVG glyphs, build settings, output options, and replacement targets. Export SVG templates with guides before drawing.
Subset Generation
Create smaller TrueType-outline font subsets from selected glyphs, pasted text, imported .txt files, or Unicode presets for General, Japanese, and Korean character sets.
Format Conversion
Convert between TTF, OTF, WOFF, and WOFF2 with single-file and batch workflows. WOFF2 encode and decode are backed by Google WOFF2.
Web Package and Validation
Generate fonts/, @font-face CSS with unicode-range, demo.html, metadata.json, glyph previews, and HTML snippets. Outputs are checked for parser validity, tables, cmap coverage, duplicate Unicode mappings, and WOFF/WOFF2 round trips.
Real font production jobs
Icon font production
Build icon fonts from outlined SVG symbols, map icons to Unicode, run Preflight Check, and export browser-ready font packages.
Text artwork and lettering
Convert words, phrases, and multi-line copy into real font outlines for logos, docs, handoff, posters, and SVG-based design assets.
Web font optimization
Create subsets from selected glyphs or text, keep needed OpenType features, and ship only the web font formats your product needs.
Font release checks
Validate generated TTF, WOFF, and WOFF2 outputs, review cmap coverage and warnings, and inspect a demo page before publishing.
Clear rules, safer output
WebFont favors explicit behavior over silent changes. Unsupported SVG and font features are reported so you can fix artwork before it becomes a production font.
- Font Builder SVG input should be outlined static artwork, not live text, raster images, filters, masks, scripts, animation, or external resources.
- Source font editing supports static TrueType-based fonts.
- Subset generation supports one loaded source font at a time and TrueType-outline subset output.
- Text to SVG uses the loaded font and can block fallback fonts so exported outlines stay faithful to that font.
- All processing runs locally on the Mac. Font files are not uploaded by the app.
Docs
Learn more documentation
ARayOfSunshine provides some small and beautiful apps, including macOS, Windows, iOS, and iPadOS. Using them can make your life more convenient. If you have a better idea don't hesitate to tell us.