Web Font Loading Libraries

Examples of pages using different libraries to load web fonts

Showcase for three different sections that load web font families using different JavaScript libraries and polyfills to eliminate FOIT.

Each section will load a font from Google fonts service to test performance and loading times which will be informed.

Scripts and other resources are inlined in the HTML file and only the font and the script will be requested.

fontfaceonload

by zachleat

See it working

fontfaceobserver

by bramstein

See it working

webfontloader

by typekit

See it working