SVGSketch Feature

SVG Text Editor - Text on Path, SVG Typography, and Fonts

Add and edit SVG text in SVGSketch. Control fonts, spacing, writing modes, text on a path, shape wrapping, variable fonts, and convert text to outlines.

Open SVGSketch

Quick answer

SVGSketch is an SVG text editor that keeps text as editable SVG text until you choose to convert it. Add text, adjust font, size, weight, alignment, letter spacing, line height, writing mode, text on a path, and shape-inside wrapping, then convert text to path when you need final outlines.

Visual examples

TYPESVG TEXTsize 42weight 800letter spacing 5line height 1.2Editable SVG text
Editable SVG typography Keep text selectable while tuning font size, weight, letter spacing, and line height.
Text on a pathd="M50 130 C112 46..."Editable path data
Text on a path Set text on an editable path, then tune side, start offset, spacing, and the underlying path d attribute.
wrappedSVG textinsideshapeRTLVERTICALSVG typography controls
Wrap text inside a shape Use shape-inside style wrapping for labels, callouts, and compact SVG layouts.

Edit real SVG text, not a raster image

SVGSketch keeps text as SVG text elements while you are designing. That means the text remains selectable, restyleable, searchable in markup, and easier to maintain than a flattened image.

Use the SVG text editor to control font family, size, weight, alignment, fill, stroke, decoration, letter spacing, and line height directly on the canvas.

Control SVG typography details

Fine typography matters in SVG because the artwork may become an icon, diagram, label, logo lockup, or exported component. SVGSketch supports multi-line text, letter spacing, line height, writing modes, right-to-left and bidirectional text, and font variation settings for variable fonts.

Those controls let you tune SVG typography visually while still exporting normal SVG text and CSS attributes.

Create text on a path and wrapped text

Text on a path lets labels, badges, seals, and curved headlines follow editable path geometry. Adjust the curve, start offset, side, spacing method, and length behavior without redrawing the lettering.

The underlying text path keeps the same level of path control as a normal path, including direct control over the SVG d attribute.

Shape-inside wrapping gives you another option for compact SVG layouts, especially diagrams and callouts where text needs to live inside a drawn shape.

Convert text to path when outlines are required

When artwork needs to survive without the original font, convert text to path. Outlined text can be used in SVG boolean operations, edited with the path tools, or exported as pure vector geometry.

Until that step, keeping text editable gives you a faster typography workflow and cleaner revision process.

FAQ

Does SVGSketch keep text as editable SVG text?

Yes. SVGSketch authors text as real SVG text elements, so it stays selectable and restyleable until you choose to convert it to path outlines.

Can I put text on a path?

Yes. You can create text on a path, edit the curve, adjust offset, side, spacing, and length behavior, and control the underlying path d attribute.

Can I convert text to outlines?

Yes. Convert text to path to produce outlines for boolean operations or for sharing without the original font.

Does the SVG text editor support vertical or right-to-left text?

Yes. SVGSketch supports writing modes and bidirectional text controls for SVG typography workflows that need vertical, right-to-left, or mixed-direction text.

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