jquery-masonry - 使用 jQuery Masonry 重叠问题和 Typekit

Question

我正在使用masonry和typekit。因此，我希望布局不会因图像加载而重叠，同时在我们第一次加载页面时渲染 typekit 字体，而不会在 Flash 中显示默认字体。

因此，我需要 javascript 代码来处理这两个问题：重叠砌体中的图像和正确加载 typekit 字体。

我的 javascript 文件中有以下代码可以完美地加载砌体，但我无法正确加载 typekit 字体。当网站第一次加载时，它会显示默认的 Times New Roman 字体，然后在闪烁后显示 typekit 字体。

如何修改我的 javascript 代码？

  //trigger masonry and typekit
  var $container = $('#wrapper');
  function triggerMasonry() {
    if ( !$container ) {
      return
    }
    $container.imagesLoaded(function(){
      $container.masonry({
        itemSelector : '.box',
        columnWidth : 240
      });
    });
  }

  $(function(){
    $container = $('#wrapper');
    triggerMasonry();
  });

  Typekit.load({
    active: triggerMasonry,
    inactive: triggerMasonry
  });

Answer 1

感谢您的代码示例，它确实帮助了我，我只需删除 Typekit 提供的原始 Typekit 加载功能即可解决此问题：

<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

移除这个后，我的砖石工作完美无瑕。