Ich stoße auf dieses Problem in der neuesten Version von Chromium. Nach der Erstellung des ersten Elements mit einer über @ font-face eingebetteten Font-Familie werden mir offsetXyz-Werte falsch übergeben. Zu dem Zeitpunkt, zu dem das Skript ausgeführt wird, hat der window.onload-Hook bereits ausgelöst und die Schriftart wurde somit bereits geladen.
So sieht das Skript (schematisch) aus:
%Vor%Der Wert wird "still" aktualisiert. Es scheint keine Möglichkeit zu geben, darauf zu warten, dass die Werte korrigiert werden, sondern einfach setInterval - prüft den Wert und rendert dann die Lösung. Ich mag es nicht, schmutzige Sachen zu machen.
Hat jemand irgendwelche Vorschläge, wie es weitergehen soll? Wird nur angezeigt, wenn src: local(" ... ") nicht angegeben ist, wird das Problem daher heruntergeladen - font-spezifisch.
Sie haben die Antwort bereits selbst gegeben. Setzen Sie src: local() und es wird nicht passieren - im Allgemeinen, wenn Sie @font-face verwenden, halten Sie sich an die kugelsicheren Syntax , da es gemacht wurde, um Probleme mit dem Browser zu überwinden, wie die, mit der Sie hier Probleme haben.
Ich weiß, es ist fast ein Jahr, aber ich habe auch dieses Problem und brauchte einen halben Tag, um die Ursache herauszufinden. Sie können einfach warten, bis die gesamte Seite geladen ist, anstatt ein Timeout zu verwenden. Das src: local() hat für mich keinen Unterschied gemacht. So können Sie verwenden:
oder in jQuery:
%Vor%Tags und Links javascript css css3 font-face fonts