title: Why does my font-face text look so bold?
body: <p>Here is an image from the Photoshop design of the webpage:</p>
  
  <p><img src="https://i.stack.imgur.com/tIk9T.png" alt="Photoshop render"></p>
  
  <p>And the webpage with the same size, weight etc:</p>
  
  <p><img src="https://i.stack.imgur.com/8Jjif.png" alt="Webpage render"></p>
  
  <p>As you can see, the text renders much thicker on the web render, to the point where it looks almost like a different font entirely.</p>
  
  <p>Here is the <strong>@font-face</strong> code accompanying the text:</p>
  
  <pre><code>@font-face {
          font-family: "PT Sans";
          src: url('fonts/151428223-PTS55F.eot');
          src: url('fonts/151428223-PTS55F.eot?#iefix') format('embedded-opentype'),
          url('fonts/151428223-PTS55F.svg#PT Sans') format('svg'),
          url('fonts/151428223-PTS55F.woff') format('woff'),
          url('fonts/151428223-PTS55F.ttf') format('truetype');
          font-weight: normal;
          font-style: normal;
  }
  </code></pre>
  
  <p>...and, for reference, the settings for the text in Photoshop:</p>
  
  <p><img src="https://i.stack.imgur.com/2orb4.png" alt="enter image description here"></p>