Загрузчик веб-шрифтов в модульном шаблоне js

Документы загрузчика веб-шрифтов предоставляют этот пример скрипта:

WebFontConfig = {
  typekit: { id: 'xxxxxx' }
};

(function(d) {
  var wf = d.createElement('script'), s = d.scripts[0];
  wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js';
  s.parentNode.insertBefore(wf, s);
})(document);

Если я помещу это непосредственно в тег script в <head> моей страницы, все будет работать нормально. Если я заключу его в функцию и попытаюсь экспортировать, я получаю эту ошибку в консоли:

Uncaught ReferenceError: WebFontConfig не определен

Вот как я пытался его обернуть:

function initialiseWebFontLoader() {
    WebFontConfig = {
        google: {
            families: ['Open Sans', 'Lora']
        },
        timeout: 1500
    };

    (function(d) {
        const wf = d.createElement('script'), s = d.scripts[0];
        wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js';
        s.parentNode.insertBefore(wf, s);
    })(document);
}

module.exports = {
    initialiseWebFontLoader: initialiseWebFontLoader
};

Я делаю что-то явно неправильно здесь?


javascript webfont-loader
person davidpauljunior    schedule 27.05.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

О, мне нужно было прикрепить WebFontConfig к объекту окна.

window.WebFontConfig.

person davidpauljunior    schedule 27.05.2016