Html 少数字体显示某些图标未显示

我对网页设计很陌生。我正在尝试在列表项中的9个项目中使用令人敬畏的字体图标。我尝试使用的所有图标都是免费的，我已经使用pm安装了相同的图标。我所面临的问题是，一些图标显示正确，但有些图标显示不正确，请查看附带的图像。使用获取图标。请看附件中的图片。

HTML:

angular.json

"styles": [
                            "./node_modules/bootstrap/dist/css/bootstrap.min.css",
                            "./node_modules/font-awesome/css/font-awesome.css",
                            "./src/styles.css"
                        ],

---

您的css不包括

fas

更改为

fa

和

fa-handshake

更改为

fa-handshake-o

我们帮助的56家公司


12公司计划


090跨域提供的服务


32快乐客户


20名优秀员工

您的css不包括

fas

更改为

fa

和

fa-handshake

更改为

fa-handshake-o

我们帮助的56家公司


12公司计划


090跨域提供的服务


32快乐客户


20名优秀员工

感谢您提供的解决方案。它现在正在工作。如果您能帮助我了解我之前犯了什么错误，从字体复制“”时是否有错误，或者我是否需要进行一些在global Style.css或其他任何内容中遗漏的其他导入，这将非常有帮助。不客气。你可以检查这个。这里有所有一个css。它还应该包括fas、fab等。你可以试试。您可以在angular中使用iCal字体，这也是一个简单的例子，非常感谢您提供的附加信息谢谢您提供的解决方案。它现在正在工作。如果您能帮助我了解我之前犯了什么错误，从字体复制“”时是否有错误，或者我是否需要进行一些在global Style.css或其他任何内容中遗漏的其他导入，这将非常有帮助。不客气。你可以检查这个。这里有所有一个css。它还应该包括fas、fab等。你可以试试。您可以在这里使用iCal字体，这也是一个简单的例子，非常感谢您提供的额外信息

.media-body {
    display: table-cell;
}

.title {
    font-weight: 1000;
    background: -webkit-linear-gradient(#736fb3, #55bce7);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.title-description {
    font-style: italic;
    font-weight: bold;
}

"styles": [
                            "./node_modules/bootstrap/dist/css/bootstrap.min.css",
                            "./node_modules/font-awesome/css/font-awesome.css",
                            "./src/styles.css"
                        ],