いくつかのアイコンはしばらく表示されません

いくつかのアイコンはしばらく表示されません（ブートストラップモーダルで）。まれにしか起こらない。
すべてのアイコンが1つのファイルにあるため、これらのアイコンがロードされています。
htmlを確認しました。すべてのタグが正しく閉じられています。
もし私が要素を調べて、（要素の）cssプロパティを変更したら、すべての隠しアイコンがすぐに表示されます。いくつかのアイコンはしばらく表示されません

太字、イタリックおよびブートストラップモーダルの十字アイコンは、この問題を抱えています。

HTMLはJavaScript（文字列）で作成され、htmlブートストラップモーダル要素に追加されます。

<div class='padding0 pos-rel cursor-pointer inline-block block-width pop-btns toolbar-action both input'> 
    <i class='jd-font-inherit color-inherit font-10 edit-text pos-rel toolbar-action icon-bBold both input' key='[email protected]@bold'></i>&nbsp; 
    <div class='popover fade top in jd-font-roboto dark-gray-pop no-bdrs edit-detail-popover'> 
     <div class='arrow'></div> 
     <div class='popover-content'> 
      <span class='padding0 txt-white'>Bold</span> 
     </div> 
    </div> 
</div> 


<div class='padding0 pos-rel cursor-pointer inline-block block-width pop-btns toolbar-action text'> 
    <i class='jd-font-inherit color-inherit font-10 edit-text pos-rel toolbar-action icon-aDown text' key='[email protected]@decrease-font'></i>&nbsp; 
    <div class='popover fade top in jd-font-roboto dark-gray-pop no-bdrs edit-detail-popover'> 
     <div class='arrow'></div> 
     <div class='popover-content'> 
      <span class='padding0 txt-white'>Decrease Font</span> 
     </div> 
    </div> 
</div>

出典

2017-07-03 pankaj sharma

をしてください最適化することができ、あなたのHTMLを共有したり、問題のあるページのURLを与えます。 – Alexander

どのようにページにフォントを含めるのですか？ – Alexander

独自のアイコンが作成され、静的サーバーからフォントファイルがロードされます –

それはあなたが例えばのために使用されている方法によって異なります。 HTMLはのようなものです。

ブートストラップアイコンやフォントのすばらしいアイコンを使用している場合は、cdn 'を使用しないでください。
アイコンは負荷の時間を参照してください、あなたのドライブにローカルにある場合、あなたはアイコン

出典

2017-07-03 13:52:25

ローカルファイルにアイコンがあり、すべてのアイコンが同じファイルにありますが、特定のアイコンにこの問題があります。 –

いくつかのアイコンはしばらく表示されません

答えて

関連する問題