【问题标题】: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">
    

    【讨论】:

      猜你喜欢
      • 2018-02-16
      • 2017-04-20
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多