title: CSS font smoothing
body: <p>The font looks distorted on different browsers except chrome.</p>
  
  <p>At first I had two google web fonts attached, Montserrat and open sans. it looked great on chrome, but when I checked it on firefox and safari the montserrat font looked all crappy and distorted, after looking up for more than an hour I found nothing useful so to make things work I removed montserrat and adjusted open sans in place of it (I know),</p>
  
  <p>so now open sans looks good but only in small size as soon as I increase the size of the font it gives that same crispness that it gave to montserrat, which I dont want!
  I like it the way chrome displays,
  What should I do please help.</p>
  
  <p><a href="https://i.stack.imgur.com/mhu58.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mhu58.jpg" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/MPu8t.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MPu8t.jpg" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/fT3dA.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fT3dA.jpg" alt="enter image description here"></a></p>