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，并在fontloader中包装要在fontloader之后调用的javascript，如下所示：

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


    }

});

我没有改变我的原始脚本，只是在它周围添加了fontloader，它对我有用。

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

1 个答案: