SVG text to path
Convert text to SVG path outlines with any font you have the file for. The glyphs become one path element, so the result renders identically everywhere — no font installation, no @font-face, no reflow when a font is missing.
Outlines carry more coordinates than they need — the Optimizer's precision pass trims them.
How it works
The font file is parsed in your browser — glyph outlines, metrics and kerning tables — and your text is set as one combined path, kerning applied, at the size and letter spacing you choose. The viewBox is fitted to the ink with a small pad, so the file is exactly as big as the word. The font itself never leaves your machine, and no font is bundled here: the tool works with the .ttf, .otf or .woff you provide.
When to use it
Wordmarks, logos and display text that must render identically where the font is not installed: PDFs, other people's machines, plotters and laser cutters, email-safe graphics. Outlining removes the font dependency by shipping the geometry instead.
Common problems
- woff2 won't open. It is Brotli-compressed and cannot be unpacked here. Nearly every font is distributed as ttf/otf too — use that file.
- Complex scripts come out wrong. Kerning is applied, but full OpenType shaping — contextual forms, required ligatures, Arabic and Indic joining — is not. For those scripts, outline in a design tool with a real shaping engine.
- A variable font renders as its default weight. Named instances are not resolved; use a static cut of the weight you want.
- The text is gone for screen readers. Outlines are geometry. Add an
aria-labelwhere you place the SVG — the accessible icons guide covers the pattern.
Notes
- The font file is parsed in your browser and never uploaded — which also means you must have the actual .ttf, .otf or .woff file.
- woff2 cannot be read here (it is Brotli-compressed); use the ttf/otf/woff of the same face.
- Outlined text is no longer text: not selectable, not translatable, invisible to screen readers. Add an aria-label at the point of use, and keep body copy as real text.
- Check the font’s license — converting to outlines is a form of embedding, and some licenses restrict it.