使用Broccoli插件快速生成@font face规则指南

broccoli-sass-font-face 是一个插件，可帮助您轻松生成@font-face规则。要安装它，请运行以下命令：npm install --save-dev broccoli-sass-font-face。假设您的项目中，webpub/fonts目录中已包含了多个字体文件，如下所示：

~/project/$ ls -C webpub/fonts

headers.eot headers.ttf headers.woff

headers_bold.eot headers_bold.ttf headers_bold.woff

在您的Brocfile.js文件中，加入以下代码即可使用插件：

var fontFace = require('broccoli-sass-font-face');

// 该前缀将从每个字体URL中移除：

fontFace.font;

此代码可简化生成@font-face规则的过程，便于管理和引入字体。