Шрифты Angular 6 потрясающие значки отображаются как случайные символы - PullRequest
Новая
       17

Шрифты Angular 6 потрясающие значки отображаются как случайные символы

0 голосов
/ 05 июня 2018

Я запустил новый проект с использованием angular cli и установил font-awesome 4.7.0

, затем добавляю его в качестве зависимости в свой angular.json 

"styles": [
          "./node_modules/font-awesome/css/font-awesome.min.css",
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "./node_modules/primeng/resources/themes/omega/theme.css",
          "./node_modules/primeng/resources/primeng.min.css",
          "src/styles.scss"
        ],

, но когдаЯ создаю приложение, шрифты которого выглядят так: вращающийся винтик, значок вращения работает не так уж и много ... и когда я проверяю инструмент разработчика значок выглядит так Я попытался включитьшрифт awesome scss в моих стилях scss Как и другие ответы, которые я видел, но безрезультатно кто-нибудь может помочь в этом вопросе?

Ответы [ 3 ]

0 голосов
/ 17 августа 2018

Вместо того, чтобы говорить fa-circle, передайте fa fa-circle в классе.Он перестал работать для меня, когда я перешел на angular 6 с 4. Но добавление fa помогло мне.

0 голосов
/ 04 декабря 2018

Font Awesome имеет официальный Angular-компонент, который доступен для всех, кто хочет использовать свои иконки в проектах.

https://fontawesome.com/how-to-use/on-the-web/using-with/angular

0 голосов
/ 13 июня 2018

Возможно, вам придется добавить ссылку на шрифт.Например, в моем проекте я использовал fontawesome-free-webfonts, а затем добавил в переменную styles.css эту переменную, которая указывает на папку (путь относится к fontawesome v.5): 

$fa-font-path: '../node_modules/@fortawesome/fontawesome-free-webfonts/webfonts';

Если это работает, вы также можете переместить все другие ссылки для файлов CSS в styles.css

...