Могу ли я ссылаться на шрифт в отдельном стороннем файле css?

Мы включаем отличный шрифт, используя:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

Этот HTML выводится во внешнем интерфейсе.

В отдельном файле CSS у нас есть правило:

.media-vid:before {
    content: '\f167';
    font-family: FontAwesome; 
}

однако на передней панели отображается полый квадрат там, где должен быть значок.

enter image description here

Могу ли я ссылаться на font-face в нашем собственном файле CSS, который определен в отдельном файле CSS стороннего производителя?

Помощь приветствуется.

это значок YouTube?

benjamin c 10.09.2018 09:37

Так и должно быть. \ f167 fontawesome.com/icons/youtube?style=brands&from=io

Honsa Stunna 10.09.2018 09:41

да @benjaminc это

Insight 10.09.2018 09:42

Разве это не то, что я использую @HonsaStunna?

Insight 10.09.2018 09:42
1
4
45
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

У нового шрифта awesome новое имя шрифта. Попробуйте использовать

font-family: "Font Awesome 5 Brands";

Он работает на моей скрипке:

https://jsfiddle.net/honsa/akexzjg8/7/

Красивый. Спасибо, Хонса. Думаю, ответ - да, вы можете сделать ссылку, вам просто нужно выбрать правильный шрифт. Ваше здоровье,

Insight 10.09.2018 09:49

Другие вопросы по теме