title: Big Scale Font ~ Line-Height difference between PC vs. Mac?
body: <p>I'm using an Impact ( <a href="http://2famous.TV/fonts/263BAA_0_0.ttf" rel="nofollow noreferrer">http://2famous.TV/fonts/263BAA_0_0.ttf</a> ) on my site, but there is more spacing between the lines on PC than it is on Mac. Below you see an example of how the font gets pushed down on PC browsers. Any solution to the problem?</p>
  
  <p>MAC:
  <img src="https://i.stack.imgur.com/ReTlX.png" alt="This is how the font appears on MAC">
  PC:
  <img src="https://i.stack.imgur.com/ckaa1.png" alt="This is how the font appears on PC">
  Edit:</p>
  
  <p>At first I didn't want to use the standard Impact font that people have on their computers as it rendered quite differently on most computers. However, I figured a little hack that solvs the problem for me.</p>
  
  <p>Make the wrapper height AND line-height at 80% of your font-size, and you'll have something that works for both PC and MAC. It will look like this:</p>
  
  <p><code>
  &lt;span style="font-family: impact; font-size:300px; height: 240px; line-height:240px"&gt;IRONY&lt;/span&gt;
  </code></p>