JQuery работает неправильно, из-за @font-face

У меня проблема с jQuery и @font-face.

Мне нужно выработать высоту <div>, которая отлично работает, но тогда есть небольшая задержка для загрузки шрифтов, и как только они это сделают, шрифты @font-face на самом деле больше, чем резервные шрифты, поэтому высота меньше, чем должна быть.

Я пробовал использовать Modernizr, но это бесполезно, поскольку он обнаруживает, что браузер способен на @font-face, а не на то, загружены ли еще шрифты или нет.

Код jQuery находится в $(document).ready, но я думаю, что шрифты не задерживают это от стрельбы. Любые идеи кто-нибудь?

Ответ 1

Идеальное решение было, как указано Adam, используя $(window).load вместо $(document).ready

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

Ответ 2

Google api для Google выглядит так, как будто вы загружаете шрифты из google, typekit или ascender. Но если вы используете что-то еще (например, другой шрифт, загруженный из fontsquirrel), вы можете попробовать что-то вроде this, чтобы выяснить, какой шрифт отображается, Вы также можете проверить это обсуждение на определении используемого шрифта Изменение размера шрифта на основе шрифта-семейства с jQuery

Ответ 3

Возможно, вы захотите проверить API шрифтов Google (http://code.google.com/apis/webfonts/docs/webfont_loader.html). Я считаю, что он динамически загружает шрифт и запускает ряд событий, на которые вы можете действовать (для изменения размера вашего файла).