jQuery, разрабатывающий неправильную высоту, из-за @font-face
У меня есть проблема с jQuery и @font-face.
Я должен разработать высоту a <div>, который хорошо работает, но затем существует маленькая задержка шрифтов для загрузки и как только они делают, @font-face, шрифты были на самом деле больше, чем резервные шрифты, таким образом, высота меньше, чем это должно быть.
Я попытался использовать Modernizr, но это бесполезно, поскольку он только обнаруживает, если браузер способен к @font-face, не, загрузились ли шрифты уже или нет.
Код jQuery находится в $ (документ) .ready, но я предполагаю, что шрифты не задерживают это от увольнения. Какие-либо идеи кто-либо?
3 ответа
Идеальным решением было, как указал Адам , использование $ (window) .load вместо $ (document) .ready
$(window).load(function(){
$(".column").equalHeights();
});
API шрифтов Google выглядит так, как будто он работает, пока вы загружаете шрифты из Google, typekit или ascender. Но если вы используете что-то еще (например, другой шрифт, загруженный из fontsquirrel), вы можете попробовать что-нибудь вроде this , чтобы выяснить, какой шрифт визуализируется. Вы также можете ознакомиться с этим обсуждением определения используемого шрифта Изменение размера основного шрифта на основе семейства шрифтов с помощью jQuery
Возможно, вы захотите проверить Google Font API (http://code.google.com/apis/webfonts/docs/webfont_loader.html). Я считаю, что он динамически загружает шрифт и запускает ряд событий, на которые вы можете реагировать (для изменения размера ваших "s").