SVGSketch Learn

How to Convert SVG Text to Path

Flatten text into vector outlines so the SVG renders identically without the font installed.

Open SVGSketch

Quick answer

Select the text element with the Transform tool (T), then choose Shape > Convert to Path (Ctrl+Shift+O). The text becomes a single path of glyph outlines. Uploaded and Google fonts are outlined exactly from the font file; for a system font such as Arial or Segoe UI, SVGSketch offers to enable Local Fonts and read the installed file, or to trace what the browser draws. The string is no longer editable as text, so save a backup first if you need to revise the wording.

Steps at a glance

  1. Check the font can be outlined

    Uploaded and Google fonts outline exactly; system fonts convert via Local Fonts or tracing.

  2. Decide whether you want to convert

    Convert for portability and effects, do not convert if text needs to stay editable or accessible.

  3. Select the text

    Press T and click; Shift+click or marquee for multiple.

  4. Convert

    Shape > Convert to Path (Ctrl+Shift+O).

  5. Edit individual letters

    Shape > Split Path (Ctrl+Alt+P) breaks the outlines apart, counters intact.

  6. Save a backup

    Convert to Path is destructive - keep the original document.

What Convert to Path produces

CONVERT TO PATHAFTER SPLIT PATH
Split into letters Convert to Path returns one path holding all seven contours of these three letters. Split Path keeps each counter with the letter that encloses it, so every hole survives.
FILLEDCONTOURS
Contours, not letters Stroking the same path exposes every contour the font uses. Counters are separate subpaths, and a letter is often assembled from overlapping pieces the fill hides - which is why Split Path can return more shapes than letters.
CONVERT TO PATH
Multi-line text keeps its lines One Convert to Path call, two baselines. The line break is a break in the model, never a glyph.

Step 1: Check the font can be outlined

Exact outlines come out of the font file, which SVGSketch holds for a font you uploaded or one loaded from Google Fonts. A system font - Arial, Helvetica, Verdana, Segoe UI, whatever the operating system resolves - is drawn by the browser but never handed over as a file, so SVGSketch names the font and offers what will work: enable Local Fonts, on Chromium and Edge, and it reads the installed file exactly. It never substitutes a lookalike.

On Firefox and Safari, where Local Fonts is unavailable, upload the font file for an exact result, or accept the offer to trace what the browser draws. Tracing recovers the shapes closely but does not recover the exact curve data the designer drew, so it is always offered rather than applied silently.

Step 2: Decide whether you want to convert

Convert when the SVG will render somewhere the font is not available, when you want to fully control the geometry (warp, distort, animate per-glyph), or when you want to see and edit the outlines before combining them with other shapes.

Do NOT convert when the text needs to be searchable, accessible, or editable later. Once flattened, "Hello" is just curves, not a string. Note that boolean operations do not require it: SVGSketch outlines type automatically when it takes part in a boolean.

Step 3: Select the text

Press T and click the text element. To convert several text elements in one pass, marquee-select or Shift+click each one.

Step 4: Run Convert to Path

Choose Shape > Convert to Path or press Ctrl+Shift+O. The text becomes a single path in which every glyph contour is its own subpath, so the lettering stays together as one selectable unit - decorations like underlines convert too, as rectangles merged into the same path.

Multi-line text keeps its lines, each laid out on its own baseline, and mixed formatting within a line is honoured run by run, so a bold word stays bold in the outlines.

Step 5: Edit individual letters

Use Shape > Split Path (Ctrl+Alt+P) to break the outlines into independent shapes. Each enclosed counter travels with the contour that encloses it, so the hole in an "o" stays a hole rather than becoming a second opaque shape on top of the letter. Now you can apply boolean operations, reshape letters with the Edit tool (E), or animate per-letter fills and transforms.

Whether that gives you exactly one shape per letter depends on how the font draws the letter. A glyph built from a single outline, which is most capitals, comes apart cleanly. A glyph the font assembles from overlapping strokes - lowercase b, d, g, p and q in many faces - separates into those strokes instead, because its counter comes from the winding rule rather than from one contour sitting inside another.

Shape > Join Paths (Ctrl+Alt+J) is the inverse. It rebuilds one compound path from the selection, though it always writes an evenodd fill rule, so a split-then-join round trip is not always byte-identical to where you started.

Step 6: Save - keep an original

Convert to Path is destructive: the text string is gone after the operation. Save a backup of the file before flattening if there is any chance you will need to revise the wording.

FAQ

Can I edit the text after converting to path?

No - Convert to Path is destructive. The string is gone, only the glyph outlines remain, and nothing in the saved document records what it used to say. Undo restores it while the document is open; after that, only a backup will. Always save one before converting.

Will accessibility tools still see the text?

No. Once converted, the string is no longer in the DOM. For accessibility, keep one editable text version and ship a flattened export only when needed.

Can I run boolean operations on text without converting?

Yes. Boolean operations outline the type themselves, so selecting live text alongside another shape works. Convert first only when you want to inspect or adjust the outlines beforehand.

Why does Convert to Path say the font cannot be converted?

The font is one the browser draws but will not release as a file, which is normal for system fonts. SVGSketch will say which font it is and offer a way through: enable Local Fonts to read the installed file exactly, upload the font file, or trace what the browser draws. A refusal with no offer means the named font is not installed at all, or the text is set to a generic family such as sans-serif, where the browser alone decides the actual font.

What happens to multi-line text?

Every line is laid out on its own baseline and outlined into the same path, and mixed formatting within a line is honoured run by run, so a bold word keeps its weight.

Does this embed the font?

No. Convert to Path replaces text with paths so the font is not needed at all - the glyph shapes are baked into the SVG.

Will the file get bigger?

Usually yes. A short text element can be 30-100 bytes; the equivalent path glyphs can run several KB. Worth it for portability and effects, costly for body copy.

Open your SVG in SVGSketch

Start with a blank canvas, import an SVG, or use the editor as a conversion and cleanup step.

Open SVGSketch