当我使用Chrome访问jsfiddle时,文字无法读取。 Firefox和IE没有这个问题。
以下是chrome中图像的屏幕截图,我甚至不知道该怎么称呼这个字体:
http://i.imgur.com/kcznoz6.jpg
当我将文本复制并粘贴到记事本中时,文本显示正常。
我还发现如果我禁用css属性,text-rendering:optimizeLegibility;使用web-dev工具,文本将显示正常,直到我刷新页面。
以下是禁用文字渲染时在Chrome中的屏幕截图:optimizeLegibility;
http://i.imgur.com/ifLmb2w.jpg
我甚至卸载然后重新安装了chrome,它没有帮助。
有谁知道为什么会这样?
答案 0 :(得分:3)
为了解决这个问题,我编辑了jameh指向上面的文件。
该文件名为Custom.css,我在此位置找到它:
C:\ Users [用户名] \ AppData \ Local \ Google \ Chrome \用户数据\默认\用户StyleSheets
在该文件中,我添加了以下内容:
@ font-face {font-family:'helvetica'; src:local('Arial'); }
问题似乎与helvetica字体和text-rendering:optimizeLegibility CSS属性有关。我不确定为什么这是一个问题,但这就是我解决它的方法。