时间戳

首页 > 解决方案 > FontAwesome 图标在 css 内容中不起作用

font-awesome - FontAwesome 图标在 css 内容中不起作用

问题描述

我正在输入以下代码： 

a::before {
    content: "\f061";
    font-family: FontAwesome;
}

但是字体真棒图标没有出现，只是一个空的正方形。

问题是什么？

谢谢！

标签： font-awesome

解决方案

试试这个，它对我有用:)

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
or
@import url("https://use.fontawesome.com/releases/v5.2.0/css/all.css");

a::before {
   content: "\f061";
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: 900;
   text-decoration: inherit;
}

推荐阅读