我正在使用 Yeoman 生成器“Angular-fullstack”。使用新生成的“角度全栈”脚手架，我执行了bower install --save components-font-awesome然后将一个很棒的字体图标添加到 main.html 模板中，构建并将其推送到 heroku，我看到图标应该在的地方有一个灰色框。
但是，如果我执行grunt serve在本地，我可以按照预期看到该图标。
我不知道这是 Yeoman Angular-fullstack 问题、grunt 问题、font-awesome 问题还是 Heroku 问题，所以我把它扔在那里。也许有人可以帮助限制这一点。
Note：我使用“components-font-awesome”而不是“font-awesome”，因为 grunt 不会正确构建 font-awesome，因此建议使用垫片。
What I see when served locally: 
What I see when built and pushed to heroku:
在此版本的 Yeoman 角度全栈生成器中，grunt build命令在以下目录下构建交付的文件dist目录。另一个 stackoverflow 答案（在上面的评论中引用）暗示将 font-awesomefonts直接下的目录dist等级。但是，提供的文件位于dist/public。因此，它属于public目录所在的fonts目录当前存在，并且应该放置 font-awesome 字体文件。
为了使这项工作与现有的grunt build，我预先将 font-awesome 字体文件复制到app/fonts目录。这样，grunt build自动将文件复制到dist/public/fonts目录。
