title: Font-face not working IE7/IE 8
body: <p>I want to add a font to a site, but I can't make it work in IE7 and IE8.
  It works in Firefox, Chrome and IE 9. I have tried some solutions I found but none of them work.
  I tried this:</p>
  
  <pre><code>@font-face {
  font-family: 'MyriadPro-SemiboldCond';
  src: url('/static/fonts/MyriadPro-SemiboldCond.eot');
  src: local('☺'), url('/static/fonts/MyriadPro-SemiboldCond.woff') format('woff'), url('/static/fonts/MyriadPro-SemiboldCond.ttf') format('truetype'), url('/static/fonts/MyriadPro-SemiboldCond.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  </code></pre>
  
  <p>Also tried this:</p>
  
  <pre><code>@font-face {
  font-family: 'MyriadPro-SemiboldCond';
  src: url('/static/fonts/MyriadPro-SemiboldCond.eot');
  src: url('/static/fonts/MyriadPro-SemiboldCond.eot?#iefix') format('embedded-opentype'),
       url('/static/fonts/MyriadPro-SemiboldCond.woff') format('woff'),
       url('/static/fonts/MyriadPro-SemiboldCond.ttf') format('truetype'),
       url('/static/fonts/MyriadPro-SemiboldCond.svg#MyriadPro-SemiboldCond') format('svg');
  font-weight: normal;
  font-style: normal;
  
  }
  </code></pre>
  
  <p>It looks good to me, but obviusly I am missing something. I don't know if the font I am using "MyriadPro" is the problem.  </p>
  
  <p>Is there another way of doing this in IE7/IE8? The javascript solutions like cufon make the text unselectable.</p>