: Svg letters from Inkscape to html I have done an infographic with Inkscape. When I put the img in the html I cannot see the letters. I convert them to path: path > object to path and it

@Kristi927

Is convert to path the best option to solve that?

Yes, if you want to make a SVG-file and if your infographic is meant to go online or to many people (on Facebook maybe) rather than just be shared with your in-office-team, then convert to path gives you assurance that all users will see what you intended to show.

I am helping with OpenClipart.org and we constantly have issues with corrupted text-elements and our advise is always "convert to paths". It is easily done, it has no risk.* And file-size is no big deal. Imagine you would make a floral border around your infographic, you would also have many "paths" and the size would not bother you.

*There is a dis-advantage, that other users cannot so easily edit your infographic. But that is no risk to you. If your goal is to inform (infographic), you better be sure that people can see what you intended. They can always write back to you, if they have corrections and you can make more versions.

Personally, because of working with minority languages, and having had constant font-issues in spite of Unicode, I am converting to paths for years, both in PDF-exports (from tools like Scribus) and when making SVG-files from Inkscape. hth

Vote Up Vote Down

@Pierce403

When you created the text box, did you click and drag? Doing so creates a text box that wraps, using the <flowRoot> element.

flowRoot is not part of the SVG 1.1 standard though. This means that many renders (such as browsers) won't know what to do with it, so your text won't be displayed.

You can see if a text frame is in a flowRoot in Inkscape by selecting it and pressing Ctrl+Shift+X. This will open the XML inspector.

There are a few ways to fix this are:


Don't use flowRoot. When you want to use the text tool, click once instead of dragging. You can tell if you're using flowRoot if you are able to wrap the text in Inkscape.
Convert existing text wraps that use flowRoot to normal SVG text by selecting them and clicking Text > Convert to Text.
Use Object to Path (as you have already tried). Doing this will not only make the text uneditable, it will also increase the number of nodes in the file (and may increase the file size a lot if you have a lot of text)


See also: How does Inkscape decide whether to use flowRoot or text?

Vote Up Vote Down