Gruntjs 如何在Grunt项目中包含字体真棒?

Gruntjs 如何在Grunt项目中包含字体真棒?,gruntjs,font-awesome,Gruntjs,Font Awesome,我的问题是如何在我的Grunt项目中包含字体真棒 我的Grunfile文件中似乎相关的部分是: compass: { options: { sassDir: '/styles', cssDir: '.tmp/styles', imagesDir: '/images', javascriptsDir: '/scripts',

我的问题是如何在我的Grunt项目中包含字体真棒

我的Grunfile文件中似乎相关的部分是:

compass: { options: { sassDir: '/styles', cssDir: '.tmp/styles', imagesDir: '/images', javascriptsDir: '/scripts', fontsDir: '/styles/fonts', importPath: '/bower_components', relativeAssets: true }, dist: {}, server: { options: { debugInfo: true } } }, 指南针:{ 选项:{ sassDir:“/styles”, cssDir:“.tmp/styles”, imagesDir:“/images”, javascriptsDir:“/scripts”, fontsDir:“/styles/fonts”, 导入路径:'/bower_components', 相对论:对 }, 地区:{}, 服务器:{ 选项:{ debugInfo:true } } }, 我看到的提示:-->他们谈论复制,但不显示Grunt代码


PPS也有——但它没有显示如何使用font awesome(来自Bower)的字体。

这里的答案是@font face

这帮了大忙:

此外,pictos.cc和fontsquirrel还提供了使用@font-face的提示。

您将使用它们复制图标库

首先,您需要使用以下内容加载grunt contrib副本:

grunt.loadNpmTasks('grunt-contrib-copy');
之后,您将使用以下内容创建任务:

grunt.initConfig({
// ...
副本:{
图书馆:{
档案:[
{
是的,
cwd:“bower_components/fontawesome/fonts/”,
src:['***'],
dest:'公共/字体/'
}
]
}
}
// ...
});
最后,如果使用默认任务,则需要调用此函数:

grunt.registerTask('default',['copy:libraries']);