Font Awesome图标没有显示使用Ruby Gem

Question

我通过ruby gem使用Font-awesome（ruby-2.2.2，font-awesome-sass-4.3.2），字体图标在本地看起来很好，但在远程查看或部署在服务器

我已按照laid out here的说明进行操作，但当我查看编译后的CSS时，预期的unicode编号已被框替换：

.fa-glass:before {
  content: "";
}

而不是

.fa-glass:before {
  content: "\f000";
}

我已经尝试在我的SASS文件顶部包含@charset "UTF-8";，该文件导入了字体很棒。

想点什么？

编辑：17/06/15

I've raised this issue with Font-awesome themselves.希望他们能够对此有所了解。

Answer 1

问题不在于，转义的字符会被CSS中未转义的字符替换。

问题是字体文件没有加载，这就是为什么你看到黑盒而不是正确的字形。

当查看从您从Font-Awesomes github链接的示例站点发送到浏览器的CSS时，我可以看到该字体的无效URL。

font-family: 'FontAwesome';
src: url(font-path("font-awesome/fontawesome-webfont.eot"));

这意味着scss尚未在您的应用程序中正确解析。