Css 使用字体图标时使用方形图标

我无法让这些图标工作。我在

标题中将其链接到：


我的网站有
https
协议，所以这不应该是个问题

我在html中使用了它，如下所示：


但是，只有通过以下方式将这些样式插入到我的样式中，我才能使它们工作：

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

你能帮我弄清楚吗？
与以下人员合作：

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


代替使用此

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



你在用这个吗

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



您必须从该图标中删除s

你给了链接font Aowesome 4，并使用font Aowesome 5中的图标，这就是它不起作用的原因。如果你给font awesome 4个链接，那么你必须从该图标中删除s，或者如果你不想从该图标中删除s，那么你必须使用font awesome 5个链接

这是字体真棒5链接

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


您能提供更多详细信息吗？例如，您的完整HTML文件？您使用的是SVG+JS方式还是webfont方式？您应该直接使用FontAwesome CDN，请参阅FontAwesome网站的部分。我打赌它现在不起作用，因为它在你的服务器上找不到字体，但当你在CSS中设置它时，它会起作用，因为你的计算机上安装了字体或类似的东西。这是另一个解决方案！！所以你建议使用font awesome 4还是移动到5？你可以根据自己的情况使用font awesome 4或5。但是字体5是最新版本。和FontAweasome 4相比，FontAweasome 5中还有更多的图标。