Javascript 由于@font-face,jQuery计算出错误的高度

Javascript 由于@font-face,jQuery计算出错误的高度,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我对jQuery和@font-face有问题 我需要计算出的高度,这很好,但是加载字体会有一个小的延迟,一旦加载,@font-face字体实际上比备用字体大,所以高度比应该的小 我尝试过使用Modernizer,但是没有用,因为它只检测浏览器是否能够@font-face,而不是字体是否已经加载 jQuery代码的格式是$(document).ready,但我想字体不会延迟启动。任何人有什么想法吗?你可能想看看谷歌字体API()。我相信它会动态加载字体,并触发一些事件,您可以对这些事件进行操作(调

我对jQuery和@font-face有问题

我需要计算出
的高度,这很好,但是加载字体会有一个小的延迟,一旦加载,@font-face字体实际上比备用字体大,所以高度比应该的小

我尝试过使用Modernizer,但是没有用,因为它只检测浏览器是否能够@font-face,而不是字体是否已经加载


jQuery代码的格式是$(document).ready,但我想字体不会延迟启动。任何人有什么想法吗?

你可能想看看谷歌字体API()。我相信它会动态加载字体,并触发一些事件,您可以对这些事件进行操作(调整大小)。

只要您从Google、typekit或ascender加载字体,Google字体api就可以正常工作。但是,如果您正在使用其他字体(例如,从fontsquirrel下载的另一种字体),您可能需要尝试类似的方法来确定呈现的字体。您可能还想查看关于确定所使用字体的讨论

正如所指出的,完美的解决方案是使用
$(窗口)。加载
,而不是
$(文档)。就绪

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

你试过$(window).load而不是document.ready了吗?谢谢Adam,这很完美。这种方法在Firefox中非常有效,但在Chrome中没有效果。最后,我保留了
$(document).ready
,然后将我的函数放入一个持续时间为0的setTimeout中(实际上这大约是4ms-)