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

SVG Fonts

With system fonts and font classifications under your belt, it's time to dive into one of the real joys of SVG: true typeface encapsulation for display across all viewers. The SVG recommendation requires that all viewers be able to use and display the SVG Fonts standard. This standard, similar to Web Fonts and other font definition technologies, allows you to contain vector outline information for letterforms within an SVG framework.

The SVG Fonts standard may seem a bit odd at first to anyone unfamiliar with font creation. All font systems (such as TrueType, OpenType, and even SVG Fonts) use a square grid from which they calculate the coordinates of any typeface's characters. In the case of SVG Fonts, a 1,000-by-1,000-unit grid is ...

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