- Установите
font-awesome
пакет npm
npm install font-awesome --save
2. Убедитесь, что вы настроили ionic_copy
и ionic_sass
в разделе конфигурации вашего package.json
файла следующим образом:
"config": { "ionic_copy": "./config/copy.config.js" "ionic_sass": "./config/sass.config.js" }
2–1. если нет, то добавьте вышеуказанные строки в package.json
и скопируйте файлы copy.config.js
и sass.config.js
из {{ROOT}}/node_modules/@ionic/app-scripts/config
.
3. Добавьте следующую строку includePaths
раздела sass.config.js
includePaths:[ 'node_modules/font-awesome/scss' ]
4. Добавьте следующую строку в copy.config.js
copyConfig.copyFontAwesome = { src: ['{{ROOT}}/node_modules/font-awesome/fonts/**/*'], dest: '{{WWW}}/fonts' // it needs to be www/fonts as font-awesome.css search fonts from it. }
5. Наконец, добавьте @import 'font-awesome';
в variables.css
(в папку {{ROOT}}/src/theme
)
Теперь вы можете использовать потрясающие шрифты в своем проекте!
<i class="fa fa-thumbs-up" aria-hidden="true"></i>