使用jQuery Masonry重叠问题和Typekit

我使用masonry和typekit。因此，我想由于图像加载而在的布局，并在同一时间render the typekit fonts without having the default fonts being shown in a flash when we first load the page。使用jQuery Masonry重叠问题和Typekit

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

我在我的javascript文件中加载完美的石工，但我无法正确加载typekit字体下面的代码。当网站第一次加载时，它显示默认的Times New Roman字体，然后显示flash后的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 
    });

来源

2012-04-29 Sayanee

感谢您的代码示例它真的帮了我，我能够只是简单地移除Typekit用品的渊源Typekit加载功能来解决这个：

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

删除此我砌筑后工作完美无瑕的。

来源

2012-09-27 05:40:04

使用jQuery Masonry重叠问题和Typekit

回答

相关问题