title: text with google web font has different top spacing in chrome/windows and chrome/mac
body: <p>I'm trying to use a google webfont (Josefin Sans), and on windows it has a big spacing at the top, while on mac it does not have it. Here's an example page:</p>
  
  <p><a href="http://dl.dropbox.com/u/1421735/font.html" rel="noreferrer">http://dl.dropbox.com/u/1421735/font.html</a></p>
  
  <p>Here are the screenshots from chrome/windows and chrome/mac:</p>
  
  <p><a href="https://dl.dropbox.com/u/1421735/chrome-win.png" rel="noreferrer">https://dl.dropbox.com/u/1421735/chrome-win.png</a></p>
  
  <p><a href="https://dl.dropbox.com/u/1421735/chrome-mac.png" rel="noreferrer">https://dl.dropbox.com/u/1421735/chrome-mac.png</a></p>
  
  <p>Here's the source of the page:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'&gt;
      &lt;style&gt;
        body {
            font-family: 'Josefin Sans', sans-serif;
            font-size: 50px;
        }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
        Josefin Sans
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any suggestion how can I make them look the same?</p>