javascript - 加载字体后使用 Google WebFontLoader 调用脚本

Question

我想在加载所有字体后使用 Google 的 WebFontLoader 调用 javascript 函数。

我要调用的脚本是 Packery 和 imagesloaded：

var container = document.querySelector('.layouter');
var $pckry;
var $pckry = new Packery( container, {
// options
itemSelector: '.item',
gutter: 0,
});
// initialize Packery after all images have loaded
imagesLoaded( container, function() {
$pckry = new Packery( container );
});

我的问题是我不知道如何让它工作？

Answer 1

好的，解决方案是链接到fontloader，并将要在fontloade之后调用的javascript包装在fontloader中，如下所示：

    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'></script>

    WebFont.load({
        google: {
          families: ['Lato:300','Lato:400', 'Lato:100' ]
        },
    active: function() {

    var container = document.querySelector('.layouter');
    var $pckry;
    var $pckry = new Packery( container, {
    // options
    itemSelector: '.item',
    gutter: 0,
    });
    // initialize Packery after all images have loaded
    imagesLoaded( container, function() {
    $pckry = new Packery( container );
    });


    }

});

我没有对我的原始脚本进行任何更改，只是在它周围添加了字体加载器，它对我有用。