jQuery funktioniert falsch Höhe, wegen @ font-face

Question

Ich habe ein Problem mit jQuery und @ font-Face.

Ich muss die Höhe einer <div> erarbeiten, die gut funktioniert, aber dann gibt es eine kleine Verzögerung für die Schriftarten zu laden und sobald sie das tun, waren die @ font-face Schriftarten eigentlich größer als die Fallback Schriften, so ist die Höhe kleiner als es sein sollte.

Ich habe versucht, mit Modernizr, aber das ist nicht sinnvoll, da es nur erkennt, ob der Browser @ Font-Gesicht ist, nicht, ob die Schriftarten noch nicht geladen haben oder nicht.

Der jQuery-Code ist in $ (Dokument) .ready, aber ich denke, dass Schriften das Brennen nicht verzögern. Irgendwelche Ideen irgendjemand?

Answer 1

Die perfekte Lösung, wie Adam darauf hingewiesen, mit $(window).load statt $(document).ready

auf die Bestimmung

$(window).load(function(){ 
    $(".column").equalHeights(); 
}); 

Answer 2

Sie möchten vielleicht die Google Schrift-API (http://code.google.com/apis/webfonts/docs/webfont_loader.html) ausprobieren. Ich glaube, es lädt die Schriftart dynamisch und löst eine Reihe von Ereignissen aus, auf die Sie reagieren können (um Ihre Größe zu ändern).

Answer 3

Die Google Schrift api sieht so aus, als ob sie Schriftarten von Google, Typekit oder Seilklemme laden würde. Wenn Sie jedoch etwas anderes verwenden (z. B. eine andere Schriftart, die von fontsquirrel heruntergeladen wurde), sollten Sie versuchen, etwas wie auszuprobieren, um die zu rendernde Schriftart herauszufinden. Sie können auch die Schriftart, diese Diskussion prüfen wollen Changing Body Font-Size based on Font-Family with jQuery