4

私はmasonryとtypekitを使用しています。したがって、画像の読み込みのためにレイアウトが重ならないようにすると同時に、最初にページを読み込んだときにデフォルトのフォントをフラッシュで表示せずにタイプキット フォントをレンダリングする必要があります。

したがって、両方の問題に対処するための JavaScript コードが必要です。

石積みを完全にロードする JavaScript ファイルに次のコードがありますが、タイプキット フォントを正しくロードできません。Web サイトが最初に読み込まれると、デフォルトの Times New Roman フォントが表示され、フラッシュの後にタイプキット フォントが表示されます。

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

1 に答える 1

3

あなたのコード例をありがとう、それは本当に私を助けました.Typekitが提供する元々のTypekitロード関数を単に削除するだけでこれを解決することができました:

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

これを取り除いた後、私の石積みは完璧に機能しました。

于 2012-09-27T05:40:04.427 に答える