我可以在单独的第三方CSS文件中引用font-face吗？

Question

我们使用以下字体包括：

<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; 
}

但是，前端显示一个空心方块，图标应该是。

在我们自己的CSS文件中，我可以引用在单独的第三方CSS文件中定义的font-face吗？

帮助赞赏。

Answer 1

新字体awesome有一个新的字体名称。尝试使用

font-family: "Font Awesome 5 Brands";

它在我的小提琴中工作：

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