anytools
SVG · 14 tools · nothing uploads

Convert SVG text to paths

Replace every `<text>` element in an SVG with the real outline of its letters, so the file renders identically with no font installed. Uses the four bundled Liberation faces, or drop a font file alongside the SVG to use that instead.

Input

Convert SVG text to paths redraws every text element as glyph outlines, named with an -outlined suffix. Outlines use one of four bundled Liberation faces, or a font file dropped alongside the SVG, with bold and italic picked automatically from font-weight and font-style. A text element holding a nested tspan is refused, since flattening it would lose its own position.

Questions

What fonts does it use for the outlines?

One of four bundled Liberation faces, Regular, Bold, Italic or BoldItalic, chosen per text element from its own font-weight and font-style attributes; or, if you drop one font file alongside the SVG, that single file is used for every weight and style instead.

What happens to a <text> element that contains a <tspan>?

It is refused rather than flattened, since a tspan can carry its own x, y or rotation that this tool does not read, and silently ignoring that would move letters to the wrong place with no warning.

What happens if a character has no matching glyph in the font?

That text is skipped and the first 24 characters of it are listed in a note after the result, rather than stopping the whole conversion; every other text element still converts normally.

How many files can I drop in?

One SVG is required, plus at most one font file with a .ttf, .otf or .woff extension; anything past two files, or a second file that is not a recognised font format, is refused.

What is the output file named?

Your SVG file name with an -outlined suffix in place of the .svg extension.

Compare

ToolRuns on the CLILive as you type
Convert SVG text to pathsYesNo
Set SVG viewBoxYesYes
Recolor SVGYesYes
Inspect an SVG pathYesYes
Validate SVGYesYes

Related SVG tools

1→1Set SVG viewBoxRewrite an SVG's viewBox: set it outright, crop to a rectangle, pad it with margin, or fit it tightly to the drawn pixels, and optionally set the width and height attributes to match.Takes one file1→1Recolor SVGRemap SVG colors by exact match, on fill, stroke or both, in attributes and in inline style. Send one color to currentColor so the icon inherits color from its surrounding CSS.Takes one file1→1Inspect an SVG pathList every command in an SVG path's `d` attribute as a table, with its raw arguments and the absolute point it ends at, for every `<path>` element in the file.Takes one file1→1Validate SVGCheck an SVG for well-formed XML, a proper svg root, unclosed tags and non-SVG elements, and flag any href pointing outside the file, entirely with a hand-rolled scanner.Takes one file