jQuery working out wrong height, due to @font-face

Question

I have a problem with jQuery and @font-face.

I need to work out the height of a

, which works fine, but then there is a small delay for the f

相关标签:

Answer 1

You might want to check out the Google Font API (http://code.google.com/apis/webfonts/docs/webfont_loader.html). I believe it dynamically loads the font and fires off a number of events that you can act on (for resizing your 's).

Answer 2

The perfect solution was, as Adam pointed out, using $(window).load instead of $(document).ready

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

Answer 3

The Google font api looks like it works as long as you load fonts from google, typekit or ascender. But if you are using something else (e.g. another font downloaded from fontsquirrel) you might want to try something like this to figure out the font being rendered. You may also want to check out this discussion on determining the font being used Changing Body Font-Size based on Font-Family with jQuery