Understanding Text with SVG

SVG provides for all of HTML's font controls, such as

  • Font designation (as well as alternative font designation)

  • Type size

  • Alignment

  • Color

However, it adds to this list by supporting

  • True font designation (through referencing font outline packages)

  • Letter and word spacing

  • Rendering control (whether aliased or anti-aliased)

  • Binding type to a path

What's more, SVG's typographic functionality can be extended with other font technologies. For instance, SVG uses its own SVG fonts to define a typeface's character outlines, but you are not confined to this technology to embed typefaces. You can choose to use CSS2's WebFonts or Adobe's CEF technology if you are so inclined.

With CEF, you can export your entire typeface as binary ...

Get Sams Teach Yourself SVG in 24 Hours now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial