From the course: Learning SVG

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Convert text to outlines

Convert text to outlines - SVG Tutorial

From the course: Learning SVG

Start my 1-month free trial

Convert text to outlines

“

- [Instructor] The benefit to adding text via the text element in SVG is you end up with live, editable, accessible, styleable text. The downside is, just like regular text in an HTML document, for the text to be rendered properly the browser must have the correct font available. If you're using standard font families or web fonts, that's not a problem, and yes, you can use web fonts in SVGs as long as they're added either to the SVG or to the overall document. But if you're using a fancy font that either isn't available as a web font or you don't have the license to use as a web font, the text element is no longer an option. In that case, you need to convert your text to regular SVG paths to be rendered exactly the way you want them to be. Turning text into paths can only be done using some form of graphics application like Adobe Illustrator or Sketch or similar. Let me show you how to do this in Adobe Illustrator. In this example I have an art board that is 100 x 100 to match our…

Contents