yeoman 生成器字体真棒

Question

我使用 yeoman 移动生成器创建了一个移动应用程序。
现在我想添加很棒的字体。我试过this，但在编译过程中并没有真正起作用。一个小小的建议或经验会很棒

好吧，确实有点不清楚。对不起。
编译过程有效，但控制台显示 404 未找到字体。
我不太清楚如何做到这一点的好方法。从 scss 文件创建 CSS，在 index.html 中使用“”或其他东西实现 .min.css？！

当我在我的主 .scss 文件中添加它时，找不到字体。

$fontAwesomePath: "../bower_components/font-awesome/fonts";
@import '../bower_components/font-awesome/scss/font-awesome.scss';

Grunt 复制并重命名字体文件 f.e.到：

5a6b8fb8.FontAwesome

Answer 1

听起来像 grunt rev https://github.com/cbas/grunt-rev 正在重命名您的字体文件。只需在您的 Gruntfile 中查找类似的内容：

// Renames files for browser caching purposes
rev: {
  dist: {
    files: {
      src: [
        '<%= yeoman.dist %>/styles/fonts/*'
...

删除字体行，你应该没事。

Answer 2

好的，
看来我可以在this answer 的帮助下解决这个问题。
用 bower 安装的字体很棒：

bower install --save font-awesome

然后只需 index.html 中的这一行就解决了我的问题。

<!-- build:css styles/vendor/fontawesome.css -->
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
<!-- endbuild -->

感谢@OddEssay 和@bpaul 的帮助！！

Answer 3

@importing scss 负责处理 CSS 方面的问题，但我认为您还需要将资产移动到浏览器可以访问它们的位置，因此 grunt-contrib-copy 可以完美地完成这项工作。因此，如果您的 webroot 是 public 类似：

copy: {
      main: {
        files: [
          {expand: true, cwd: '../bower_components/font-awesome/fonts', src: ['*.*'], dest: 'public/fonts'}
               ]
      }