title: Myriad Pro Regular font is too wide in IE7 and IE8
body: <p>In my previous question:</p>
  
  <p><a href="https://stackoverflow.com/questions/9654166/font-face-how-to-make-it-work-on-all-browsers">@font-face - how to make it work on all browsers</a></p>
  
  <p>I was asking a way how make <code>@font-face</code> to work on all browsers. Mainly the answer was to use this:</p>
  
  <pre><code>@font-face {
      font-family: 'Name';
      src: url('location.eot');
      src: url('location.eot#iefix') format('embedded-opentype'),
           url('location.woff') format('woff'),
           url('location.ttf') format('truetype'),
           url('location.svg#Name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <p>Generally it works. I see that even IE7 and IE8 get the font style even if <a href="http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp" rel="nofollow noreferrer">here</a> it is clearly stated:</p>
  
  <blockquote>
    <p>Note: Internet Explorer 8 and earlier versions, do not support the @font-face rule.</p>
  </blockquote>
  
  <p>But only problem I have is with Myriad Pro Regular font type. In IE7 and IE8 it is much wider then in all other browsers and it totally breaks my design moving out some text fragments from boundaries, changing the line and so ... How to fix also this problem?</p>