Ruby 从Font Awesome Sass gem获取复制到grunt compass输出目录中的字体

Ruby 从Font Awesome Sass gem获取复制到grunt compass输出目录中的字体,ruby,gem,gruntjs,font-awesome,grunt-contrib-compass,Ruby,Gem,Gruntjs,Font Awesome,Grunt Contrib Compass,我已经成功安装了“font awesome sass”ruby gem,并通过compass gunt配置中的“require”-属性和scss中的“import”-规则将其包括在内。所以字体awesome SCS被编译到我的输出css文件中,到目前为止,这是有效的 我现在的问题是:如何将ruby gem中的字体文件(.woff、.otf、…)放入grunt输出目录中。这些文件已经在输出css中被引用,位于“./css/fonts/”目录中,但它们不会被自动复制 我错过了什么吗?我相信你可以通过

我已经成功安装了“font awesome sass”ruby gem,并通过compass gunt配置中的“require”-属性和scss中的“import”-规则将其包括在内。所以字体awesome SCS被编译到我的输出css文件中,到目前为止,这是有效的

我现在的问题是:如何将ruby gem中的字体文件(.woff、.otf、…)放入grunt输出目录中。这些文件已经在输出css中被引用,位于“./css/fonts/”目录中,但它们不会被自动复制


我错过了什么吗?

我相信你可以通过以下方式完成

$npm安装grunt contrib副本

在Gruntfile.js中添加如下任务:

copy: {
  fonts: {
    src: 'path/to/font-awesome/files/*',
    dest: 'app/assets/fonts/font-awesome',
  },
},

正如shoesel提到的;如果您使用的是grunt,我可能也会使用NPM软件包或bower来引入字体。如果您这样做,资产的路径将由用于安装它们的软件包确定。显然,调整路径以匹配应用程序设置,但总体思路应该可行。

我也有同样的问题。一定有很多专业的咕噜用户在那里,但没有人愿意透露交易的秘密给我们N00B。天知道你该怎么做。我只是使用bower安装了FontAwesome,然后手动移动目录,使它们与输出的css中引用的内容相匹配。当已经使用grunt时,只需使用npm模块“font awesome”,而不是ruby gem。之后,您可以通过grunt的复制任务将“node_modules/font awesome/fonts”的内容复制到目标目录中。要使其与compass一起工作,您可以通过grunt的compass任务中的“importPath”参数导入“node_modules/font awesome/scss”的内容。