broccoli-sass-font-face 是一个插件，用于轻松生成 @font-face 规则。您可以通过以下步骤快速集成和使用。

  1. 安装：运行以下命令安装插件：

```

npm install --save-dev broccoli-sass-font-face

```

  1. 准备字体：假设您的项目中在 webpub/fonts 目录下包含以下几种字体：

```

~/project/$ ls -C webpub/fonts

headers.eot headers.ttf headers.woff

headers_bold.eot headers_bold.ttf headers_bold.woff

```

  1. 添加到 Brocfile.js：在 Brocfile.js 文件中引入并配置插件：

```javascript

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

// 设定前缀，自动去除每个字体 URL 中的前缀

fontFace.font...

```

以上步骤即可帮助您快速设置字体规则，进一步提升项目的样式控制和加载性能。