gruntjs - 如何使用 grunt-usemin 和 font Awesome

标签 gruntjs font-awesome grunt-usemin

我正在尝试使用 grunt-usemin 来缩小我的 css。我在我的index.html 中使用像这样的Font Awesome

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

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

关于如何解决这个问题有什么想法吗?如果需要,我可以提供更多信息。

最佳答案

问题是 font-awesome.min.css 引用以下字体:

../font/

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

关于gruntjs - 如何使用 grunt-usemin 和 font Awesome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18222339/

相关文章:

javascript - PhantomCSS/CasperJS - 广告图像变灰

javascript - Requirejs:dist 失败,Loader 插件没有在 build:text 中调用加载回调

javascript - 类型错误 : invalid 'in' operand a error when calling jQuery each inside RequireJS module

javascript - 带有子元素的 jQuery 列表项图标切换

html - 无法找到错误 "Warning: Task "uglify“未找到”的解决方案

javascript - 如何使用 Javascript 使字体很棒的图标可点击

webpack - extract-text-webpack-plugin publicPath 选项不起作用

javascript - 如何在 grunt-usemin 编译期间删除一些 javascript

javascript - grunt-usemin:定义自定义流程

javascript - 带有模式的 grunt-usemin 仅替换第一个匹配项