Chrome text is very bad

Question

When I visit jsfiddle using Chrome the text is unreadable. Firefox and IE do not have this problem.

Here is a screen shot of the image in chrome, I do not even know what to call this font:

http://i.imgur.com/kcznoz6.jpg

When I copy and paste the text into notepad the text displays just fine.

I have also found that if I disable the css property, text-rendering:optimizeLegibility; with the web-dev tool the text will display fine until I refresh the page.

Here is a screen shot in Chrome when I disable text-rendering:optimizeLegibility;

http://i.imgur.com/ifLmb2w.jpg

I even uninstalled then re-installed chrome and it did not help.

Does anyone know why this is happening?

Answer 1

To resolve this problem I editted the file that jameh pointed to above.

The file is called Custom.css and I found it at this location:

C:\Users[User Name]\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets

In that file I added the following:

@font-face { font-family: 'helvetica'; src: local('Arial'); }

The issue seems to be with helvetica fonts and the text-rendering:optimizeLegibility CSS property. I am not sure why this is an issue but this was how I resolved it.