Icon-Schriftart erscheint sporadisch als Quadrate und zurück zum Symbol auf Hover

Question

Ein seltsames Verhalten für FontAwesome Symbolschriftart.

Symbole erscheinen beim Laden einer Seite, aber wenn ich zwischen den Tabs blättere und zur ursprünglichen Seite zurückkehre, erscheinen die Symbole möglicherweise als weiße Quadrate (nicht jedes Symbol, nur einige). Wenn Sie die Maus darüber bewegen, kehren sie zur normalen Anzeige zurück.

Ich lade die Schrift über CDN:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> 

Ich denke, weiße Quadrate sind von FontAwesome CSS, Browser Probleme mit dem Zeichen zu erkennen:

.fa-facebook:before { 
    content: "\f09a"; 
} 

Ich bin ein bisschen verloren, warum es nach dem Wechseln der Tabs weitergeht. Die Schriftart scheint geladen zu sein, da ich beim ersten Laden die Symbole sehen kann. Könnte es ein Konflikt mit anderen CSS sein?

Brauchen Sie Vorschläge, wo Sie nach einer Ursache suchen können.

Answer 1

Ich wurde auf Ihre Frage gebracht, weil wir das Gleiche auf unserer Website mit der Symbolicons-Symbolschriftart erfahren haben.

Nach einigen Recherchen fand ich heraus, dass dies aufgrund eines Fehlers in Chrome passiert. Also das Problem ist nicht mit Font Awesome und ich glaube nicht, dass Sie jetzt etwas tun können, um es zu beheben. Schätze, wir müssen nur warten, bis der Fix die stabile Chrome-Version erreicht.

Links zu den Bug Diskussionen:

• Issue 336075: embedded fonts unload
• Issue 336170: Wrong rendering of Webfonts when loading tabs in background