我可以在单独的第三方CSS文件中引用字体吗？

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

很棒的新字体具有新的字体名称。尝试使用

font-family: "Font Awesome 5 Brands";

它正在我的小提琴中工作：

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