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:
https://i.sstatic.net/O7ZRX.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;
https://i.sstatic.net/0Xn2e.jpg
I even uninstalled then re-installed chrome and it did not help.
Does anyone know why this is happening?
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.
