Question

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

好的，这真的有点不清楚。抱歉。
编译过程有效，但控制台说404没有找到字体。
我不太清楚如何做到这一点的好方法。从scss文件创建CSS，使用“＆lt; - build：... - ＆gt;”在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 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'}
               ]
      }

yeoman发电机字体很棒

3 个答案: