title: @Font-face not showing capital "A" in some browsers
body: <p>Strange problem here. I'm using <code>@font-face</code> for a site and am having some issues. I initially wasn't getting capital "A"s to show up in Chrome on Mac. After setting a font-weight explicitly, anything above <code>300</code>, it was fine.</p>
  
  <p>Now, however, I'm seeing that it occurs in Firefox and on my clients machine in various browsers.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>@font-face {
      font-family: 'Avenir';
      src: url('../fonts/tricky.eot');
      src: url('../fonts/tricky.eot?#iefix') format('embedded-opentype'),
           url('../fonts/tricky.woff') format('woff'),
           url('../fonts/tricky.ttf') format('truetype'),
           url('../fonts/tricky.svg#ModernPictogramsNormal') format('svg');
      font-weight: 300;
      font-style: normal;
  }
  </code></pre>
  
  <p>You can see it live here: <a href="http://infirmaryhealth.mdidev.com/" rel="nofollow">http://infirmaryhealth.mdidev.com/</a></p>
  
  <p>Thanks for any assistance-</p>