Question

试图找到一种方法在Windows中的chrome中获得更好的抗锯齿渲染fontawesome图标我发现使用'otf'格式解决了这个问题。

我在fontawesome.css中使用：

src: url('../font/fontawesome.otf?v=3.1.0') format('opentype'), 
url('../font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), 
url('../font/fontawesome-webfont.woff?v=3.1.0') format('woff'), 
url('../font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), 
url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');

渲染在chrome中表现非常好，有一个小问题“在某些图标中，图标的顶部被裁剪”，其他浏览器清晰地渲染图标而没有任何问题。

我的问题，为什么otf版本没有用于fontawesome修复chrome错误渲染问题，otf文件已经存在但不包含在css中？

Answer 1

你试过这个吗？

我有一个问题，图标在顶部被切断，但加载otf文件不能解决它。由于chrome也可以加载svg字体，然后将下载opentype，然后使用svg的额外http请求覆盖。

因此，您似乎正在下载额外的数据并最终获得相同的结果？

为什么不在fontawesome中使用otf格式来修复chrome糟糕的渲染问题？

1 个答案: