Динамически загружать шрифты Google после того, как страница загрузилась

Question

Я хотел бы, чтобы пользователь мог выбрать, какой шрифт им нужен, чтобы страница отображалась. Here - это способ, которым Google рекомендует это сделать с помощью JavaScript.

WebFontConfig = { 
    google: { 
     families: ['Tangerine', 'Cantarell'] 
    } 
}; 

(function() { 
     var wf = document.createElement('script'); 
     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + 
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; 
     wf.type = 'text/javascript'; 
     wf.async = 'true'; 
     var s = document.getElementsByTagName('script')[0]; 
     s.parentNode.insertBefore(wf, s); 
     })(); 

Как это изменить, чтобы я мог повторно использовать шрифты после загрузки страницы?

Answer 1

Заканчивать команду WebFont.load в этом GitHub репо:

https://github.com/typekit/webfontloader

Вы можете загрузить любой шрифт, который вы хотите динамически:

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