Fontawesome 与 Foundation 6 - 错误
Fontawesome with Foundation 6 - Error
我想在我的 Foundation Sass 项目中加入 fontawesome 图标，但我遇到了问题。我已经按照 fontawesome 团队的建议完成了所有工作，但它不起作用...
- 我 bower 安装了 fontawesome
- 我已将 scss 文件添加到 config.yml
- 我已将路径名称更改为字体文件夹
https://postimg.org/gallery/1h018wsm8/
我在浏览器中看到的是奇怪的符号，并且由于某种原因无法正常工作。你能告诉我我错过了什么吗？谢谢...
您必须 @import Foundation _settings.scss 或 app.scss 文件中 bower_components 文件夹中的 scss 文件。
您在 config.yml 中的引用是 plugin/module 的路径，而不是实际 scss 文件的导入。这样做是将 *.scss 文件复制到 dist 目录，但它们仍然需要从您的 site/app 代码中引用。
例如我使用 app.scss 导入各种 scss 文件，所以我的 Font Awesome 的 @import 命令是：
@import '../../../bower_components/font-awesome/scss/font-awesome';
注意：这是针对特定文件 font-awesome.scss（您设置字体文件路径的位置），而不是整个目录，因此您还需要确保导入字体文件，这可以通过gulpfile.babel.js + config.yml.
我想在我的 Foundation Sass 项目中加入 fontawesome 图标，但我遇到了问题。我已经按照 fontawesome 团队的建议完成了所有工作，但它不起作用...
- 我 bower 安装了 fontawesome
- 我已将 scss 文件添加到 config.yml
- 我已将路径名称更改为字体文件夹
https://postimg.org/gallery/1h018wsm8/
我在浏览器中看到的是奇怪的符号，并且由于某种原因无法正常工作。你能告诉我我错过了什么吗？谢谢...
您必须 @import Foundation _settings.scss 或 app.scss 文件中 bower_components 文件夹中的 scss 文件。
您在 config.yml 中的引用是 plugin/module 的路径，而不是实际 scss 文件的导入。这样做是将 *.scss 文件复制到 dist 目录，但它们仍然需要从您的 site/app 代码中引用。
例如我使用 app.scss 导入各种 scss 文件，所以我的 Font Awesome 的 @import 命令是：
@import '../../../bower_components/font-awesome/scss/font-awesome';
注意：这是针对特定文件 font-awesome.scss（您设置字体文件路径的位置），而不是整个目录，因此您还需要确保导入字体文件，这可以通过gulpfile.babel.js + config.yml.