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

时间:2018-09-10 07:31:07

标签: unicode font-awesome

我们使用以下方法添加了很棒的字体

<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

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

帮助表示赞赏。

1 个答案:

答案 0 :(得分:0)

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

font-family: "Font Awesome 5 Brands";

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

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