SVG Text Layout (Words as Art)
- Availability: Confirm prior to ordering
- Branding: minimum 50 pieces (add’l costs below)
- Check Freight Rates (branded products only)
Branding Options (v), Availability & Lead Times
- 1-Color Imprint: $2.00 ea.
- Promo-Page Insert: $2.50 ea. (full-color printed, single-sided page)
- Belly-Band Wrap: $2.50 ea. (full-color printed)
- Set-Up Charge: $45 per decoration
- Availability: Product availability changes daily, so please confirm your quantity is available prior to placing an order.
- Branded Products: allow 10 business days from proof approval for production. Branding options may be limited or unavailable based on product design or cover artwork.
- Unbranded Products: allow 3-5 business days for shipping. All Unbranded items receive FREE ground shipping in the US. Inquire for international shipping.
- RETURNS/CANCELLATIONS: All orders, branded or unbranded, are NON-CANCELLABLE and NON-RETURNABLE once a purchase order has been received.
Product Details
Overview
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








