title: How to make Google Fonts work in IE?
body: <p>I've been developing a site that uses the <a href="https://code.google.com/apis/webfonts/" rel="noreferrer">Google Fonts API</a>. It's great, and supposedly has been tested in IE, but when testing in IE 8 the fonts simply don't get styled.</p>
  
  <p>I included the font, as Google <a href="http://code.google.com/webfonts/family?family=Josefin+Sans+Std+Light#code" rel="noreferrer">instructs</a>, thus:</p>
  
  <pre><code>&lt;link href="http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light"  
   rel="stylesheet" type="text/css" /&gt;
  </code></pre>
  
  <p>and added its name to the front of a font family in CSS thus:</p>
  
  <blockquote>
  <pre><code>body {
  font-family: "Josefin Sans Std Light", "Times New Roman", Times, serif;
  font-size: 16px;
  overflow-y: scroll;
  overflow-x: hidden;
  color: #05121F;
  }
  </code></pre>
  </blockquote>
  
  <p>Works like a charm in Chrome, Firefox, Safari. No dice in IE 8. Anybody know why?</p>