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

Я хотел бы, чтобы пользователь мог выбрать, какой шрифт им нужен для отображения страницы. Здесь 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);
      })();

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

Ответ 1