1

Webfont ローダーのドキュメントでは、次のサンプル スクリプトが提供されています。

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);

それを自分のページのスクリプトタグに直接入れると、<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
};

ここで明らかに間違ったことをしていますか？

4

1 に答える 1