O'Reilly logo

Sams Teach Yourself SVG in 24 Hours by Micah Laaker

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required