Web Font Loader [fonts via @font-face]

Web Font Loader gives you added control when using linked fonts via @font-face. It provides a common interface to loading fonts regardless of the source, then adds a standard set of events you may use to control the loading experience.

The Web Font Loader is able to load fonts from Google Fonts, Typekit, Fonts.com, and Fontdeck, as well as self-hosted web fonts. It is co-developed by Google and Typekit.

<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script> 
<script> 
  WebFont.load({
    google: {
      families: ['Droid Sans', 'Droid Serif']
    }	 	 
  });
</script>

It is also possible to use the Web Font Loader asynchronously. Using the Web Font Loader asynchronously avoids blocking your page while loading the JavaScript. Be aware that if the script is used asynchronously, the rest of the page might render before the Web Font Loader is loaded and executed, which can cause a Flash of Unstyled Text (FOUT). Read more:

Web Font Loader

Share/Like

Tweet Like