Gruntjs 如何将grunt usemin与字体一起使用

Gruntjs 如何将grunt usemin与字体一起使用,gruntjs,font-awesome,grunt-usemin,Gruntjs,Font Awesome,Grunt Usemin,我正在尝试使用grunt usemin来缩小我的css。我在index.html中使用了像这样的字体 <link rel="stylesheet" href="components/font-awesome/css/font-awesome.min.css"> 当我运行usemin时,我会将所有样式组合在一起。但是,当我尝试使用缩小版时,字体可怕的图标显示为unicode方块(而不是预期的图标) 有没有办法解决这个问题?如果需要,我可以提供更多信息。问题在于font-a

我正在尝试使用grunt usemin来缩小我的css。我在index.html中使用了像这样的字体

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

当我运行usemin时,我会将所有样式组合在一起。但是,当我尝试使用缩小版时,字体可怕的图标显示为unicode方块(而不是预期的图标)


有没有办法解决这个问题?如果需要,我可以提供更多信息。

问题在于font-awesome.min.css引用了以下字体:

../font/

修复的关键是将fonts文件夹从components/font awesome/fonts文件夹复制到位于正确相对路径的fonts文件夹中。

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

$fa字体路径:“../bower\u组件/font-awesome/font”!违约
//$fa字体路径:“//netdna.bootstrapcdn.com/font-awesome/4.0.3/fonts”!默认值;//用于直接引用引导CDN字体文件
也不要忘记导入“font-awesome/scss/font-awesome”main.scss中的code>