Chrome Font Rendering / Smoothing Issue

[Monkuar]

The font is looking weird and not smooth as compared to Firefox:

 

Chrome screenshot:

 

Firefox:

 

This is my CSS:

@font-face {
  font-family: 'Aldrich';
  font-style: normal;
  font-weight: 400;
  src: local('Aldrich'), url(../font.woff) format('woff');
}
body,input{
 font-family: 'Aldrich', sans-serif;
 font-size:12px;
 
 
 }

Any idea? Why is the font not smoothed out on Chrome (for font-weight:bold) properties?

[cssfreakie]

Hi there,

 

It's rather hard to tell how to fix this because it could also depent on your version of Chrome. Google is said to have fixed font-rendering in version 37 (summer 2014). See bug-report.

You might want to check out this blog. The bottom solution can give good results (webkit-text-stroke)