Question

我正在使用masonry和typekit。因此，由于图片加载和同时not have overlapping，我希望布局为render the typekit fonts without having the default fonts being shown in a flash when we first load the page。

因此，我需要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>

移除后，我的砖石完美无瑕。

使用jQuery Masonry重叠问题和Typekit

1 个答案: