Font icon: Font Awesome Icon Pack | Fill

html — Значок шрифта Awesome не работает как содержимое в CSS

Задавать вопрос

спросил 4 года 5 месяцев назад

Изменено 4 года, 5 месяцев назад

Просмотрено 5к раз

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

Вот как это выглядит сейчас:

 .input-validation-error ввод {
  граница: 2px сплошная #f46262;
}

.input-validation-error input[type="text"] {
  положение: родственник;
}

.input-validation-error::before {
  семейство шрифтов: "Шрифт Awesome 5 Free";
  красный цвет;
  положение: родственник;
  содержимое: "\f06a";
} 

 
 fontawesome.com/releases/v5.3.1/css/all.css" целостность="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

<форма>
  <дел>
    
  

 .input-validation-error::before {
    семейство шрифтов: "Шрифт Awesome 5 Free";
    красный цвет;
    положение: родственник;
    содержимое: "\f06a";
    вес шрифта: 900;
}
 

 .....
<дел>
 <я>