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

【问题标题】：Use Google WebFontLoader to Call Script after Font is Loaded加载字体后使用 Google WebFontLoader 调用脚本
【发布时间】：2015-03-12 16:30:06
【问题描述】：

我想在加载完所有字体后使用 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 );
});

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

【问题讨论】：

标签： javascript masonry packery webfont-loader

【解决方案1】：

好的，解决办法是链接到fontloader，在fontloader中把要调用的javascript包裹在fontloade之后，如下：

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


    }

});

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

【讨论】：

效果很好！谢谢！