Convert text to SVG
An SVG that uses a <text> element depends on the font being available wherever it is opened. Convert the text to path data and that dependency disappears: the shapes travel with the file, so it renders identically in every browser, editor and cutter — with no webfont request.
Convert text to SVGWhat you get back
One path per glyph, with the fill rule, fill and stroke you set, and an option to give each glyph its own id so you can address letters individually in CSS or JavaScript. Weld the contours instead when you want a single path for the whole word — the form a cutter or an icon system usually prefers.
Correct shaping, not just glyph lookup
Text is shaped with HarfBuzz, the engine browsers themselves use, so kerning pairs and ligatures apply and complex scripts behave: Arabic letters join, Indic clusters reorder. Variable font axes and OpenType features are exposed too, so a weight or a stylistic set can be dialled in before outlining.
Use your own font
The catalog covers 1,900+ open-source families, and you can drop in your own TTF or OTF instead. Uploaded fonts are read in the tab and never sent anywhere, which also means a licensed retail font stays on your machine.
Questions
- Why not just keep the text as <text>?
- Because it will not render the same way twice. A missing font silently substitutes, and a webfont adds a request and a flash of unstyled text. Paths are fixed geometry — worth it whenever the file is a logo, an icon, or destined for a machine.
- Is the text still searchable or accessible?
- Not after outlining. Keep the wording in an aria-label or a title element in your markup, and keep an editable source for later changes.
- Can I use my own licensed font?
- Yes — upload a TTF or OTF. It is parsed in the browser, so the file never leaves your machine. Check that the licence allows outlining for your intended use.