Font · 11 tools · nothing uploads

Export font glyphs as SVG

Turn specific characters into standalone SVG files, one per glyph, using the font's own bézier outlines, normalised to a 1000-unit em so files from different fonts are comparably sized.

Input

Options

Export font glyphs as SVG turns each character you list into its own standalone SVG file, tracing the font's outlines rather than a bitmap. Each exported glyph sits inside a shared 1000-unit em box, keeping output from different fonts at a matching scale. Characters the font lacks are skipped and named in a summary line; listing none is refused.

Questions

How is each character exported?

As its own standalone SVG file, one per requested character, named glyph-U+XXXX.svg using its Unicode code point in hex. Each file contains a single path element built from the font's own bezier outlines.

What happens to characters the font does not have?

They are skipped and listed by name in a summary line rather than causing the whole run to fail, as long as at least one requested character does exist in the font.

What if none of the requested characters exist in the font?

The tool refuses, naming the characters you asked for and the total number of glyphs the font covers, so you know how far off the request was.

Why are the glyphs normalized to 1000 units?

So that glyphs exported from different fonts, which can use different unitsPerEm values internally, come out at comparable proportions rather than one font's output being twice the size of another's for the same nominal character.

What if I leave the chars option empty?

It refuses with a message naming the tool and file, saying chars is empty and to list at least one character.

Compare

Related Font tools

1→1Convert a font to OTFRe-encode a TTF, OTF or WOFF font as OpenType/CFF (.otf). This build of opentype.js only writes CFF outlines (verified by execution: it always emits the OTTO sfnt tag, never TrueType glyf, regardless of the source format), so OTF is the one honest direction: a real outline-format change coming from a TrueType source, a clean re-serialize coming from an OTF one.Takes one file1→1Subset a font to specific charactersDrop every glyph except the characters you list. A smaller file that still renders exactly the text you use.Takes one file1→1Render a font specimen sheetDraw a sample of a font's own glyphs to a PNG. It flattens the real bézier outlines and fills them with a nonzero-winding scanline rasterizer (no <canvas>, no upload), so what you see is what the font file contains.Takes one file1→1Convert text to an SVG pathSet a line of text in a font and get back one SVG with a single `<path>` element, the outlines, not a `<text>` tag, so it renders identically everywhere without the font installed.Takes one file1→1Embed a font as a CSS data URIBase64 a font file into a self-contained `@font-face` rule, no separate file to host, at the cost of the file growing about a third larger as text. Fine for a small icon font, wasteful for a large family.Takes one file1→1Turn an icon font into an SVG spriteConvert every mapped glyph in an icon font (Font Awesome, Material Icons, ...) into one SVG sprite of `<symbol id="uXXXX">` elements, so a page can `<use href="#u...">` an icon without loading the font at all. Capped at 2000 glyphs.Takes one file