Skip to content
+

WebFont - Overview

WebFont is a local macOS utility for Text to SVG, SVG-based font building, font conversion, subsetting, glyph export, and web font package output.

WebFont is designed for practical web font production work. It can turn text into SVG outlines, build icon fonts from outlined SVG artwork, edit static TrueType-based source fonts, generate subsets, convert font formats, and package browser-ready outputs.

WebFont screen capture

Core capabilities

  • Text to SVG: convert words, phrases, and multi-line text into outlined SVG paths using the loaded font.
  • Font Builder: create icon fonts and web fonts from outlined SVG glyph artwork.
  • Source font editing: add SVG glyphs to a static TrueType-based source font or replace existing Unicode glyphs.
  • Preflight Check: report Unicode conflicts, duplicate glyph names, empty paths, abnormal SVG sizes, metrics issues, unsupported SVG features, and overly complex glyphs.
  • Project files: save and reopen .webfontproject packages with embedded source font data, SVG glyphs, build settings, output options, and replacement targets.
  • Font conversion: convert between TTF, OTF, WOFF, and WOFF2 in single-file or batch workflows.
  • Subset generation: generate smaller TrueType-outline subsets in TTF, WOFF, and WOFF2.
  • Web package output: generate fonts/, CSS with @font-face and unicode-range, demo.html, and metadata.
  • Glyph asset export: export selected glyphs as SVG, PNG, and PDF.

Processing model

  • Processing runs locally on your Mac.
  • No account sign-in is required.
  • No cloud conversion step is required.
  • WebFont writes outputs only to locations you choose.

Current boundaries

  • Font Builder SVG input should be outlined static artwork, not live text, raster images, filters, masks, scripts, animation, or external resources.
  • Font Builder source font editing supports static TrueType-based fonts.
  • Subset generation supports one loaded source font at a time.
  • Subset output currently supports TrueType-outline fonts.
  • Text to SVG can use variable weight when the loaded font exposes a weight axis, but it does not create a new variable font.

Keyboard shortcuts

  • Multi-select non-adjacent glyphs: Command + Click
  • Range select: Shift + Click
  • Preview selected glyph: Space
  • Select all glyphs: Command + A
  • Remove selected glyphs from current dataset: Delete