How to Load Google Fonts Asynchronously For Page Speed

The following code will load google fonts asynchronously and remove it as a render-blocking resource. <script type=”text/javascript”> WebFontConfig = { google: { families: [ ‘Roboto+Condensed:400,700:latin’, ‘Source+Sans+Pro:400,600,400italic,700italic,700:latin’ ] } }; (function() { var wf = document.createElement(‘script’); wf.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) + ‘://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js’; wf.type = ‘text/javascript’; wf.async = ‘true’; var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(wf, s); })(); </script>