Typography

SVG's ability to apply actual typefaces to your text is an obvious step up in the design capabilities of on-screen technology. However, some bizarre occurrences can emerge in the way SVG applies typeface information to text.

When displaying typography, the Adobe SVG Viewer will first load the text and afterwards apply the CEF font definitions to the text element. This often results in a “flickering” effect, as the text initially displays in the default system font and then “jumps” to the appearance of the applied CEF typeface.

To help reduce this flickering, consider embedding the font data within your SVG. Rather than linking to an external CEF or SVG Font, you can contain this information within your SVG document. Encoding this information ...

Get Sams Teach Yourself SVG in 24 Hours now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.