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

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

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