字体真棒图标不显示角度6答案

【问题标题】：font awesome icons are not showing angular 6字体真棒图标不显示角度6
【发布时间】：2020-10-23 15:24:25
【问题描述】：

我使用 ngx-tree-select 进行多级选择。

https://stackblitz.com/edit/ngx-tree-select

内部下拉字体真棒图标没有显示。检查时，.我拥有的字体很棒的版本是“@fortawesome/fontawesome-free”：“^5.2.0”，我还安装了最新版本“@fortawesome/fontawesome-free”：“^5.12.0”，但图标仍然不是显示在下拉列表中。

加号、减号、检查图标没有显示。谁能帮我摆脱这个问题。

【问题讨论】：

你看过 index.html 吗？ <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
我尝试在 html 中使用此导入，但尝试仍然看不到图标
是 fa 图标在下拉列表之外工作吗？控制台中是否有任何错误 - 特别是加载 fa css 文件的 n/w 调用
控制台中没有错误。但是在 index.html 中导入后，图标也没有显示在下拉列表中以及框外。可以查看，但无法显示
ngx-tree-select-njvqck.stackblitz.io - 试试这个。已在本地下载 css 文件并在 angular.json 中引用它

标签： angular angular6 font-awesome angular-fontawesome

【解决方案1】：

感谢您帮助我。我找到了解决方法，

我已经导入 " " 在 index.html 和 styles.css 中添加了一些 css

tree-select-item .item.item a span .fa {
    font-family: FontAwesome;
}
tree-select-item .item.item a .fa {
    font-family: FontAwesome;
}

作为我的应用程序，默认 .fa { font-family:"Font awesome 5 free"} 不允许显示旧图标。

【讨论】：

【解决方案2】：

根据官方文档here

在index.html中添加您的头部

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

【讨论】：