Quick Jquery plugin to use Adobe Typekit web fonts on a HTML page in an SVG image on this same page.
- Use Adobe Typekit fonts on your webpage
- Include Jquery and svg-typekit.js on this page
- Use a data-attribute to apply the Typekit fonts to an SVG:
<img src="file.svg" data-svg-typekit> - Image-tag will be replaced by an
<object>that can be scaled easily - Typekit stylesheet will be injected in this object
- Use the same font family names (eg. Effra), weights in the SVG source as you would in your CSS.
...<text font-family="effra, sans-serif" font-weight="300" >Text</text>...