Как использовать значок FontAwesome в качестве фона в jsfiddle - PullRequest
Новая
       24

Как использовать значок FontAwesome в качестве фона в jsfiddle

0 голосов
/ 17 февраля 2020

Возник вопрос Используйте Font Awesome Icons в CSS, и код работает в моей локальной среде. Но я не могу воспроизвести это в jsfiddle. Отображается только пустой квадрат.

Это мой код.

HTML

<div class="icon-bg">
Text
</div>

CSS

.icon-bg {
  position: relative;
  padding-left: 20px;
}

.icon-bg::before {
  content: "\f0dd";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 0px;
  position: absolute;
  top: 0;
}

Я импортировал all.min.css cdn от https://cdnjs.com/libraries/font-awesome. Код \f0dd взят из официального списка .

Это код в jsfiddle.

...