SVG Text Layout Words as Art

Scalable Vector Graphics (SVG) is an image format, so text isnâ t the first thing you might think of when considering its uses. But one of SVGâ s key features is its ability to encode text in a machine-readable form. This book takes a deep dive into the use of text within SVG to explore the creative possibilities as well as the potential pitfalls. Youâ ll start with SVGâ s text basics, and then learn methods for using SVG to generate complex layouts.

If youâ re an intermediate SVG developer familiar with CSS-styled HTML text, youâ re ready to get going. This book covers:

• The SVG text and tspan elements, and basic attributes for positioning simple text labels within a graphic
• SVGâ s fill and stroke properties for controlling textâ s visual appearance
• Complex text layouts, using formatted poetry as examples
• Features to set the position and orientation of individual text characters
• Multidirectional text, including right-to-left horizontal text and vertical text
• Curved or complex text layouts with the textPath element
• Font options for your SVG, including web fonts, and their impact on text layout