JS Masonry和Google Web Fonts麻烦

Question

我在我正在制作的布局中使用Masonry，并且由于我使用Google Webfonts而导致布局中断。但是，我尝试过的一切都行不通。砌体代码甚至不会启动。

    <script src="http://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
    <script type="text/javascript" src="../masonry.pkgd.min.js"></script>
    <script type="text/javscript">
var $container;

function triggerMasonry() {
  // don't proceed if $container has not been selected
  if ( !$container ) {
    return;
  }
  // init Masonry
  $container.masonry({
  itemSelector: '.omni-notify'
  });
}
// trigger masonry on document ready
$(function(){
  $container = $('#omni-content');
  triggerMasonry();
});

// trigger masonry when fonts have loaded
WebFont.load({
    google: {
      families: [ 'Arvo:400,700:latin', 'Open+Sans::latin' ]
    }
  });
    </script>

这是上面的代码。这是一团糟，但有人能告诉我它是如何完成的吗？