如何使用字体很棒的grunt-usemin

Question

我试图使用咕噜-usemin来缩小我的css。我在我的index.html中使用这样的字体

    <link rel="stylesheet" href="components/font-awesome/css/font-awesome.min.css">

当我运行usemin，我得到所有的风格组合。但是，当我尝试使用小型化的版本时，字体图标显示为unicode方格(而不是预期的图标)。

有什么办法解决这个问题吗？如果需要的话，我可以提供更多的信息。

Answer 1

问题是，字体-awesome.min.css正在引用字体：

../font/

修复的关键也是将字体文件夹从组件/字体-可怕/字体文件夹复制到一个相对路径正确的字体文件夹。

Answer 2

一个更简单的方法是重新定义$fa-font-path在SCSS/LESS文件中：

$fa-font-path: '../bower_components/font-awesome/fonts' !default;
// $fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts" !default; // for referencing Bootstrap CDN font files directly

另外，不要忘记在您的@import "font-awesome/scss/font-awesome";中使用main.scss。