Могу ли я сослаться на font-face в отдельном стороннем CSS-файле? - PullRequest
0 голосов
/ 10 сентября 2018

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

<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-файле?

Помощь оценена.

1 Ответ

0 голосов
/ 10 сентября 2018

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

font-family: "Font Awesome 5 Brands";

Это работает в моей скрипке:

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

...