title: Wrong rendering of Google Fonts in Mozilla Firefox
body: <p>I found once someone who had same problem and I was able to fix this.
  Now I have same problem and after 2h of searching I can't find solution.</p>
  
  <p>This problem appears on all websites using google fonts.
  In Internet Explorer everything look ok so looks like the problem is on the computer and not on website itself.</p>
  
  <p>Here is screenshot what I see in my firefox:
  <img src="https://i.stack.imgur.com/C6ed1.png" alt="Google font problem"></p>
  
  <p>Here is screenshot from Internet Explorer:
  <img src="https://i.stack.imgur.com/mS98a.png" alt="enter image description here"></p>
  
  <p>As you can see most of the letters have a "dot" on top and there is no "anti-aliasing" (This is tested when there is no zoom - CTRL 0)
  If I zoom in (CRTL +) than "dots disappear" and text start to look normal.</p>
  
  <p>What I have tried so far:</p>
  
  <p>1) My Computer > Properties > Advanced > Performance > Visual Effects > "smooth edges of screen fonts" > selected</p>
  
  <p>2) Control Panel > Personalization > Window Color and Appearance > Fonts > Adjust ClearType text > Turn On ClearType</p>
  
  <p>3) Firefox > Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available" > disabled</p>
  
  <p>4) Firefox > about:config > gfx.content.azure.enabled > false (I don't have this)</p>
  
  <p>5) Firefox > about:config > gfx.direct2d.disabled > true</p>
  
  <p>6) Firefox > about:config > layers.acceleration.disabled > true</p>