仔细检查fontawessome -all.css文件-在最底部会有一个webfonts文件夹的路径。我的……“/webfonts”格式，这意味着CSS文件将从它所在的位置往上看一级。由于我所有的css文件都在css文件夹中，我将字体添加到同一个文件夹中，这是行不通的。

只要把你的字体文件夹向上移动一个级别，一切都应该很好:)

用字体Awesome 5.0测试

我今天找到了一个解决方案:

从他们的Github页面下载整个项目 然后按照他们页面上Default CSS部分中关于将目录移动到项目和在.html文件的HEAD部分中添加链接的其余步骤进行操作

他们的文档的问题是，他们没有指定一个链接，您应该在哪里获得整个字体的副本，并将其放入您的项目中。

请添加

@import 'https://****.net/*********/font-awesome.min.css';
@font-face {
    font-family: 'FontAwesome';
    src: url('https://****.net/*********/FontAwesome.otf');
    src: url('https://****.net/*********/FontAwesome.otf?#iefix')
}

这到你的css顶部，下载并正确链接css和字体，问题是由于FontAwesome没有正确加载。

谢谢

在我的例子中，我只是复制

<i class="fa-solid fa-tags"></i> //provided by font awesome

对于现有的前端模板，包括一些其他图标从字体真棒，但这没有工作，所以通过添加'fas'类，它工作;

<i class="fas fa-solid fa-tags"></i> //working

你必须有2个类，fa类和类识别所需的图标fa-twitter, fa-search，等等…

<!-- Wrong -->
<i class="fa-search"></i>    

<!-- Correct -->
<i class="fa fa-search"></i>

引导5更新

注意:“fa前缀在版本5中已弃用。新的默认是fas固态样式和fab品牌样式。”- Terje Solem

仔细检查fontawessome -all.css文件-在最底部会有一个webfonts文件夹的路径。我的……“/webfonts”格式，这意味着CSS文件将从它所在的位置往上看一级。由于我所有的css文件都在css文件夹中，我将字体添加到同一个文件夹中，这是行不通的。

只要把你的字体文件夹向上移动一个级别，一切都应该很好:)

用字体Awesome 5.0测试