5

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

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

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

有想法该怎么解决这个吗?如果需要,我可以提供更多信息。

4

2 回答 2

6

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

../font/

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

于 2013-08-14T04:05:46.397 回答
3

$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.

于 2014-01-20T09:58:47.277 回答