0

试图找到一种方法来更好地在 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 的渲染非常好，有一个小问题“在某些图标中，图标的最顶部被裁剪”，其他浏览器可以清楚地渲染图标而没有任何问题。

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

4

1 回答 1

0

你试过这个吗？

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

所以看起来你正在下载额外的数据并最终得到相同的结果？

于 2013-07-04T15:12:39.833 回答