Question

我无法使用FontAwesome图标。我在head中将其链接为：

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

我的网站具有https协议，因此不应该成为问题。

我在html中像这样使用它：

<i class="fas fa-user"></i>

但是，只有以这种方式将它们插入样式后，我才能使它们工作：

.fa-user:before, .fa-user:after {
    font-family: fontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
}

.fas .fa-user:before,
.fas .fa-user:after {
    content: '\f007';
}

您能帮我弄清楚吗？

Answer 1

使用过：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

Answer 2

代替此

<i class="fa fa-user"></i>

您正在使用这个

<i class="fas fa-user"></i>

您必须从该图标中删除 s 。

您给链接字体提供了出色的4并使用了字体令人敬畏的5中的图标，这就是它不起作用的原因。如果您给字体提供了很棒的4个链接，则必须从该图标中删除 s ，否则，如果您不想从该图标中删除 s ，则必须使用字体真棒5个链接。

这是字体真棒5链接。

 <link rel="stylesheet" 
 href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" 
 integrity="sha384- 
 fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" 
 crossorigin="anonymous">

使用Fontawesome图标时的方形图标

2 个答案: