title: Google Web Fonts not displaying in OSX Safari but do display in Firefox, Chrome, Opera (for OSX, Windows, and Linux) and Internet Explorer
body: <p>The following website (<a href="http://www.ecu.edu/english/tpc/tpcintern/index.cfm" rel="nofollow">http://www.ecu.edu/english/tpc/tpcintern/index.cfm</a>) is supposed to make use of Google Web Fonts, and the fonts display perfectly in all browsers except Safari. The Javascript used is:</p>
  
  <pre><code>  WebFontConfig = {
      google: { families: [ 'Lato:100:latin' ] }
    };
    (function() {
      var wf = document.createElement('script');
      wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
        '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
      wf.type = 'text/javascript';
      wf.async = 'true';
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(wf, s);
    })(); 
  </code></pre>
  
  <p>I realize that the JS doesn't use the  tags but I removed them because CommonSpot needs them removed. There are actually a few different Web Fonts being used, but the JS is the same for each with the exception of relevant font information. An example of the CSS is this:</p>
  
  <pre><code>#navigation {
   font-family: 'Lato', sans-serif;
   font-size: 1.3em;
   font-style: normal;
   float: left;
   margin: .5em 0 0 .5em;
   width: 70%;
   height: 2em;
   position: relative;
   padding: .5em 0;
   text-transform: uppercase;
   font-size: 1em;
   background-color: #592a8a;
  }
  </code></pre>
  
  <p>Finally, the web fonts are hosted by Google, if that makes a difference (I wouldn't think that it would, being as they seem to be working in other browsers?).</p>