FontAwesome в SCSS / SASS показывает квадраты - PullRequest
Новая
       87

FontAwesome в SCSS / SASS показывает квадраты

1 голос
/ 11 апреля 2020

Об этом спрашивали несколько раз, но я не могу получить обновленный ответ.

Я пытался загрузить потрясающую иконку в свой .s css, и я специально следовал этой инструкции https://fontawesome.com/how-to-use/on-the-web/using-with/sass но я все еще получаю квадраты.

Вот мои коды

_fontawesome.s css

@import './scss/fontawesome.scss';
@import './scss/solid.scss';

.user {
  @extend %fa-icon;
  @extend .fas;

  &:before {
    content: fa-content($fa-var-user);
  }
}

index. js

<span className="user" />

_variables.s css

$fa-font-path:         "../webfonts" !default;

Мой каталог 

public/
     fontawesome/
          scss/
          webfonts/
          _fontawesome.scss

Если это поможет, я использую это для реакции, и я могу прекрасно использовать FontAwesome в качестве компонента, используя npm, но у меня есть этот случай, когда мне нужно используйте его в s css.

Пожалуйста, помогите! Спасибо!

1 Ответ

0 голосов
/ 23 апреля 2020

как вы не используете шрифт Awesome CDN? это прекрасно работает для меня. И это не даст вам скучать: (

что-то в этом роде, и это работает: 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">

Я более подробно рассмотрю вашу проблему, но завтра, потому что уже поздно: p

...