css を縮小するために grunt-usemin を使用しようとしています。index.html内でFont Awesomeをこのように使用しています
<link rel="stylesheet" href="components/font-awesome/css/font-awesome.min.css">
usemin を実行すると、すべてのスタイルが結合されます。ただし、縮小版を使用しようとすると、Font Awesome アイコンが (意図したアイコンではなく) Unicode の正方形として表示されます。
これを修正する方法についてのアイデアはありますか? 必要に応じて、さらに情報を含めることができます。
$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。