Sams Teach Yourself SVG in 24 Hours

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