0

これは私が正確に尋ねる方法がわからない小さな問題ですが、基本的に何が起こっているのかというと、カスタム OpenType フォントをアップロードしたのですが、それをサイトにロードすると、実際のテキストをロードする前に数秒間空のギャップが残ります. カスタム フォントに変更する前にローカル フォントを読み込むことでこれらの問題を攻撃しているサイトをいくつか見てきましたが、これらの (まれな) サイトがどのようにそれを行っているかを知ることができませんでした。

この問題を解決するにはどうすればよいですか? このタスクを実行するには、何らかの形式の JavaScript を使用する必要がありますか?

前もって感謝します！すべての回答に感謝します!

4

2 に答える 2

1

それは良い質問です:)

これを読んでくださいhttp://paulirish.com/2009/fighting-the-font-face-fout/

またはファイルスクリプトに追加します （CSSに @font-face を追加した場合...）：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    //load fonts
    (function(){
      // if firefox 3.5+, hide content till load (or 3 seconds) to prevent FOUT
      var d = document, e = d.documentElement, s = d.createElement('style');
      if (e.style.MozTransform === ''){ // gecko 1.9.1 inference
        s.textContent = 'body{visibility:hidden}';
        var r = document.getElementsByTagName('script')[0];
        r.parentNode.insertBefore(s, r);
        function f(){ s.parentNode && s.parentNode.removeChild(s); }
        addEventListener('load',f,false);
        setTimeout(f,3000); 
      }
    })();

});
</script>
于 2012-07-18T07:11:52.843 に答える
0

フォントフェイスルール専用のcssファイルを作成するのを防ぎ、マスターcssファイルをリンクする直前にページのヘッダーでリンクタグを使用します

于 2012-08-01T08:11:17.917 に答える