2017-01-04 28 views
0

我想將fontawesome圖標合併到我的Foundation Sass項目中,並且遇到問題。我所做的一切都是由fontawesome團隊的建議,但它是不工作...Fontawesome與Foundation 6 - 錯誤

  1. 我涼亭安裝fontawesome
  2. 我已在SCSS文件添加到config.yml
  3. 我已經改變了路徑名的字體文件夾

https://postimg.org/gallery/1h018wsm8/

我得到我的瀏覽器是奇怪的符號,由於某種原因,它不工作。你能告訴我我錯過了什麼嗎?謝謝...

回答

0

你必須@importbower_components文件夾中的文件SCSS在你的基礎_settings.scssapp.scss文件。

您在config.yml中的參考是插件/模塊的路徑,而不是導入實際的scss文件。它所做的就是將* .scss文件複製到dist目錄,但它們仍需要從站點/應用程序代碼引用。

例如我用app.scss導入各種SCSS文件,所以字體真棒我@import命令是:

@import '../../../bower_components/font-awesome/scss/font-awesome';

注:這是對特定文件font-awesome.scss(你設置的字體文件路徑),而不是整個目錄,因此您還需要確保您導入的字體文件也可以通過gulpfile.babel.js + config.yml完成。