Fontawesome with Foundation 6 - Error

Question

Я хотел бы включить шрифтовые значки в проект Foundation Sass, и у меня возникла проблема. Я сделал все, как это было предложено fontawesome командой, и все же он не работает ...

1. Я Бауэр установил fontawesome
2. я добавил файл SCSS в config.yml
3. Я изменил имя пути к шрифтам папке

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

Что я получаю в моем браузере странные символы и по какой-то причине он не работает. Не могли бы вы рассказать мне, что мне не хватает? Спасибо ...

Answer 1

Вы должны @import scss-файл из папки bower_components в вашем фонде _settings.scss или app.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.