@font-face and text resize issues

[ghost]

Seems to be issues when using @font-face... instead of trying to explain it here... i did a quick screencast on the problems... http://screenr.com/prp

Thanks!

[desandro]

I believe the gap is created because the script measure the height of each div before the @font-face fonts is loaded into the page.

One solution is to call Masonry within $(window).load() instead of $(document).ready(). This way, the script will run after all the contents of the page are loaded. It's the same solution to use when you want images to load before Masonry arranges the content.

This solved the problem for me in Firefox & Safari.

I've opened a new issue regarding text resize issues

[ghost]

Nice... seems to work for me too... thanks!

[nornagon]

Is there a way to hook a jquery method into the 'font loaded' event rather than the 'window loaded' event? I'm already specifying all my image widths/heights, and it sucks having to wait for them all to load before the layout happens.

[desandro]

@nornagon This is exactly what the Web Font Loader & Typekit Font Events are designed for. See also Google documentation

[nornagon]

Cheers :)

[Dmi3yy]

Not good solution

if you run masonri onload
it is seen as the rebuilt units that are not very nice because a decision is not always helpful