Hier ist mein Problem. Verwenden eines Google Webfont namens "PT Sans Narrow" in einem Website-Projekt. Vorwort, FF und IE zeigen es perfekt. Webkit-Browser sind ein bisschen eine andere Geschichte, obwohl die Schrift korrekt geladen wird, aber wenn ich es mit einem "Buchstabenabstand: -.05em" kombiniere, bekomme ich eine kurze Textladung, wo ich den Webfont ohne die Kerning-Sticks sehe einen Bruchteil einer Sekunde und aktualisiert sich dann bis zum endgültigen korrekten Kerning-Look. Ich kann es eher als "Schleudereffekt" bezeichnen als alles andere - wenn das Sinn macht?Webkit, Buchstabenabstandsprobleme mit Webfonts
Ich verwende das .wf-Lade-Skript, um sicherzustellen, dass es keine FOUT gibt.
das ist mein CSS
.sansNarrow {font-family: 'PT Sans Narrow', sans-serif; letter-spacing: -.05em; font-weight: bold;}
und ich rufe nur die Klasse "sansNarrow", wo ich es in meinem HTML benötigen
Meine Frage, hat jemand anderes hatte Dieses Problem, und hat eine praktikable Lösung gefunden?
Ich habe versucht, eine jquery-Funktion zu erstellen, die ".sansNarrow" nach 300ms nach Pageload erscheinen/einblenden lässt, aber es setzt die ursprüngliche Klasse auf "display: none" und ist keine praktikable Option JS ist ausgeschaltet.
Vielen Dank im Voraus!