title: Top/bottom margin with Masonry stacking
body: <p>I'm using JQuery and Masonry and as you can see from the image the boxes doesn't stack properly. The side margins are great but the top/bottom gives random amount of large space in between.</p>
  
  <p>Anybody who can help me here?</p>
  
  <p>CSS for the boxes:</p>
  
  <pre><code>div.article {
  background-color: white;
  margin-right: 6px;
  padding: 20px 10px;
  width: 155px;}
  </code></pre>
  
  <p>Screenshot of problem:
  <a href="https://skitch.com/subzane/f8n36/2010-andreas-normans-blogg" rel="nofollow">https://skitch.com/subzane/f8n36/2010-andreas-normans-blogg</a></p>
  
  <p><strong>Solution:</strong>
  It seems the error only appeared when using custom fonts. And to fix that, the script must be loaded using Using $(window).load() instead of $(document).ready().</p>