Execute a function when a <link> element has finished loading
<p>I'm using <a href="http://desandro.com/resources/jquery-masonry/" rel="nofollow">jQuery Masonry</a> to lay out my page, but I'm using a custom @font-face font. The problem being that Masonry doesn't know the metrics of the font until it's loaded.</p>

<p>The Masonry docs suggest that you use <code>$(window).load()</code> instead of <code>$(document).ready()</code> to call the layout functions, but I don't want to have to wait until all the images etc. load. I can specify the dimensions of the images exactly, so Masonry doesn't need to wait until they're loaded. It's just the text that's the problem.</p>

<p>How can I get jQuery to call a callback when the <code>&lt;link&gt;</code> element that links in the font finishes loading?</p>

<p>EDIT: The obvious solution (that is, <code>$('#link_id').load(...)</code>) doesn't seem to work.</p>

<p>EDIT2: I didn't realise (stupid of me) that the <code>&lt;link&gt;</code> element is actually linking in a <em>stylesheet</em> with a @font-face declaration. I want to wait until the <em>font</em> has been loaded, not just the stylesheet...</p>
