TTF to SVG converter
Choose a font file and turn it into SVG: either the words you type, as outlines in one file, or every glyph of the font as an SVG of its own, zipped. The font is read on your device and is not uploaded.
Free, no account. The file is read by code running in your browser. It is not uploaded, and nothing about it is stored.
How to convert a TTF to SVG
- Choose your .ttf, .otf or .woff file, or drop it on the box. The page opens with a sample font so you can see what comes out.
- Pick what to make: the words you type as one SVG, or every glyph as its own SVG.
- For words, type them and pick a size. For glyphs, choose whether each one sits on the font’s line or is fitted tightly.
- Download the SVG, or the zip of SVGs.
A different job from Text to SVG
This site has two pages that turn letters into outlines, and they start from opposite ends. The Text to SVG page starts from words: it offers sixteen ready typefaces and every setting for a line of lettering, such as letter spacing, line spacing, alignment and colour. This page starts from a font file of your own, and its main job is to take the font apart: one SVG for each glyph, which is what you want for an icon font, for a set of letter shapes to arrange by hand in a drawing program, or for checking what a font contains.
Typing a few words here is offered as well, because it is the quickest way to see a font converted. For anything more than a word or two, load the same font into Text to SVG.
Every glyph as its own SVG
A glyph is one drawn shape in a font. Most stand for a character, such as A or 7. Others have no character of their own: joined pairs such as fi, alternate forms, small capitals. The zip holds one SVG for every glyph that has an outline. Lilita One, the sample, has 229 glyphs; 224 of them have outlines, so its zip holds 224 SVG files.
Files are named by the character’s Unicode number, with the letter itself added when it is a plain letter or figure: U+0041-A.svg, U+0061-a.svg, U+0026-ampersand.svg. A glyph that no character leads to is named by its place in the font, such as glyph-00731-f_i.svg. No two names differ only by capital letters, so the zip unpacks cleanly on Windows and macOS, which treat A.svg and a.svg as one file.
Each SVG holds a single <path>: the outline exactly as the font stores it, with its quadratic curves (TrueType) or cubic curves (OpenType CFF) kept as curves. The numbers are the font’s own units, so a font drawn at 1,000 units to the em gives SVGs about 1,000 units tall. Nothing is rounded or simplified.
The font’s line, or a tight box
Fonts place every glyph against a baseline, with room above for tall letters and below for tails. “The font’s line” keeps that: each SVG is as wide as the glyph’s advance (the distance to the next letter) and as tall as the font’s ascender and descender together, so a capital A and a comma come out on pages of the same height, each where it belongs. In Lilita One that makes the A’s page 655 × 1,143 units. Put side by side at the same scale, such glyphs spell words on a common baseline. A glyph whose outline reaches past the line, as some accents and swashes do, has its page widened to hold it.
“Tight round the glyph” trims each page to the outline alone, which suits icons and single shapes. The same A is then 624 × 701 units.
TTF, OTF and WOFF, and what is not read
- TTF (TrueType) and OTF (OpenType) are both read, whichever kind of outline they hold.
- WOFF, the web font wrapper, is read. WOFF2 is not: it uses a different compression. Use the TTF or OTF the web font was made from.
- Font collections (.ttc) hold several fonts in one file and are refused with a message.
- Variable fonts are drawn at their default weight and width only.
- Colour fonts and emoji come out as their plain outlines, if they have any. Bitmap-only fonts have no outlines to write.
- Up to 5,000 glyphs are written from one font. Fonts for Chinese, Japanese and Korean can hold many more; the page says when it stops there.
- Not an SVG font. The old “SVG font” format, a whole typeface inside one SVG file, is not written: most browsers stopped reading it years ago.
Licences
Converting a font to outlines is something its licence may or may not allow, and selling things made with it is a separate question again. Open licences such as the SIL Open Font License allow both. Many fonts that are free to download are free for personal use only. The page shows whatever the font file says about its own licence; the rest is yours to check with whoever made the font.
Questions
Is my font uploaded anywhere?
No. The file is opened by code running in the page, and the SVGs and the zip are made there too. You can disconnect from the internet after the page has loaded and it still works.
Can I convert font to SVG for a Cricut or a laser?
Yes. Type the words, tick “Weld” if the letters of a script font overlap, and download one SVG of outlines sized in millimetres. Cutting programs open it as shapes, with no font needed.
Why are there fewer SVG files than glyphs?
Glyphs with nothing to draw get no file: the space, other blank characters, and marks that only move the cursor. The glyph a font shows for a missing character, usually an empty box, is left out as well.
Can I turn the SVGs back into a font?
Not here. Building a font from drawings is a job for a font editor such as FontForge or Glyphs, which also set the spacing and the character codes. SVGs made with “The font’s line” keep the baseline and widths those programs need.
How do I convert an OTF to SVG?
The same way: choose the .otf file. The only difference you may notice is in the path data, where a CFF font’s curves are cubic (the letter C) and a TrueType font’s are quadratic (the letter Q).