Design, Code and UX

Loading TypeKit with jQuery

If you’re already using jQuery on your website and you want to use the advanced TypeKit (async) script, then you can save a few bytes when loading TypeKit by using jQuery. Replace the code generated by TypeKit with the following script which follows the Font events asynchronous pattern.

Uglified its even smaller 329 bytes compared to TypeKits 727 bytes…

Just be sure to replace the “XXXXXXX” with your proper typekit ID.