Gruntjs 如何将grunt usemin与字体一起使用
我正在尝试使用grunt usemin来缩小我的css。我在index.html中使用了像这样的字体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
<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>