sin3

Tag: webfonts

---

Webfonts - @font-face

Published by Sindre Wimberger on June 30th, 2014

Google Fonts - Technical Considerations
https://developers.google.com/fonts/docs/technical_considerations

Fighting the @font-face FOUT
http://www.paulirish.com/2009/fighting-the-font-face-fout/#update2011

Controlling the Flash of Unstyled Text (or FOUT) using Font Events
http://help.typekit.com/customer/portal/articles/6852-controlling-the-flash-of-unstyled-text-or-fout-using-font-events

How Can I Prevent FOUT?
http://www.fonts.com/support/faq/fout

Web Font Loader gives you added control when using linked fonts via @font-face

https://github.com/typekit/webfontloader

Web Fonts and the Critical Path
http://ianfeather.co.uk/web-fonts-and-the-critical-path/

Improving Smashing Magazine’s Performance: Deferring Web Fonts

http://www.smashingmagazine.com/2014/09/08/improving-smashing-magazine-performance-case-study/3/

Minimising font downloads
http://jakearchibald.com/2014/minimising-font-downloads/

@font-face for icons? Compaitibility Research
https://docs.google.com/presentation/d/1n4NyG4uPRjAA8zn_pSQ_Ket0RhcWC6QlZ6LMjKeECo0/edit#slide=id.p

webfonts