Gruntjs 著名的美国和令人敬畏的字体

Gruntjs 著名的美国和令人敬畏的字体,gruntjs,font-awesome,famo.us,Gruntjs,Font Awesome,Famo.us,是否有人在使用grunt(包括字体真棒)分发项目时遇到问题 我的问题是,在“dist”文件夹内的最终分发项目中,我错过了字体真棒 “我的项目”中的字体文件夹位于: app/lib/font-awesome/css/font-awesome.min.css 到目前为止我所做的: 我试图编辑copy.js(在grunt文件夹中),如下所示: src: [ '**/**.{ico,png,gif,txt,jpg,svg,wof,ttf}', '.htaccess',

是否有人在使用grunt(包括字体真棒)分发项目时遇到问题

我的问题是,在“dist”文件夹内的最终分发项目中,我错过了字体真棒

“我的项目”中的字体文件夹位于:

app/lib/font-awesome/css/font-awesome.min.css

到目前为止我所做的: 我试图编辑copy.js(在grunt文件夹中),如下所示:

src: [
        '**/**.{ico,png,gif,txt,jpg,svg,wof,ttf}',
        '.htaccess',
        //'images/{,*/}*.webp',
        //'content/{*.*,*/}*.*',
        'content/{,*/}/{,*/}/*.*',
        // '{,*/}*.html',
        'styles/fonts/{*.*,*/}*.*',
        'lib/famous/**/**.css',
        'lib/font-awesome/{,*/}/**.css'
      ]
…发布字体也很棒,现在它在dist文件夹中,但当我打开index.html时,它似乎找不到正确的路径,我看不到任何图标


感谢

为了简化一切并加快加载速度,您只需链接到托管于CDN的Font Awesome版本。BootstrapCDN将为您提供此服务:

考虑到您在index.html中有此功能:

    <!-- build:css(app/) css/app.css -->
    <link rel="stylesheet" type="text/css" href="content/vendor/font-awesome/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="styles/app.css" />
    <!-- bower:css -->

Grunt将把字体放在dist/css中。问题是font awesome正在查找与此文件相关的字体(../fonts),而这些字体在构建过程中没有随css移动。因此,请修改grunt/copy.js文件以完成以下操作:

// Copies remaining files to places other tasks can use
module.exports = {
  dist: {
    files: [{
      expand: true,
      dot: true,
      cwd: '<%= config.app %>',
      dest: '<%= config.dist %>',
      src: [
        '**/**.{ico,png,txt,jpg,svg,wof,ttf}',
        '.htaccess',
        'images/{,*/}*.webp',
        // '{,*/}*.html',
        'styles/fonts/{,*/}*.*',
        'lib/famous/**/**.css'
      ]
    },
    // add this, making sure the path is correct to your fonts
    {
        expand: true,
        dot: true,
        cwd: '<%= config.app %>/content/vendor/font-awesome/fonts/',
        src: ['*.*'],
        dest: '<%= config.dist %>/fonts'

    }]
  }
};
//将剩余文件复制到其他任务可以使用的位置
module.exports={
地区:{
档案:[{
是的,
多特:没错,
cwd:“”,
目标:'',
src:[
“**/**.{ico、png、txt、jpg、svg、wof、ttf}”,
“.htaccess”,
'images/{,*/}*.webp',
//“{,*/}*.html”,
'样式/字体/{,*/}**',
“lib/名人/***/**.css”
]
},
//添加此选项,确保路径与字体相符
{
是的,
多特:没错,
cwd:“/content/vendor/font-awesome/font/”,
src:['*.'],
目标:'/fonts'
}]
}
};

再次运行grunt,dist文件夹现在应该包含一个fonts文件夹

您是否直接在index.html文件中尝试了链接标记?