代码之家 › 专栏 › 技术社区 › Sinan Samet

字体很棒的图标不会显示在Angular 5中

angular5 font-awesome angular

Sinan Samet · 技术社区 · 7 年前

我按照说明安装了它。我先打了

npm install --save font-awesome angular-font-awesome

而且它安装的一切都是正确的。然后我换了 .angular-cli.json 要像这样包含css:

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

当我在html中键入此内容时: <span class="fas fa-chevron-left"></span>

它根本没有显示任何东西。

我也没有错误,但在源代码中,我找不到任何与字体真棒相关的东西。

2 回复 | 直到 7 年前

Subhajit Rajak 7 年前

<i class="fa fa-chevron-left"></i>

用这个它会帮助你

James Poulose 6 年前

这可能不是正确的修复方法,但我必须在 index.html 使图标正常工作。

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

根据 documentation 在里面 npm ,仅当您不使用 angular-cli

推荐文章

Simon · 使用React更改字体可怕图标的颜色

2 年前

Muhammad Asif Mohtesham · 在Font Awesome中,是否可以使用CSS内容属性在“far”和“fas”数据前缀之间切换?[副本]

7 年前

en Peris · 使用JQuery动态更改AwesomeIcon的颜色

7 年前

Pranta Saha · 为什么Font Awesome图标类不同

7 年前

Mav · 如何将图标与固定高度标记的中心对齐[重复]

7 年前

LP13 · 在中心对齐定位标记内的内容

7 年前

Fjott · CSS-居中字体超级图标

7 年前

Sinan Samet · 字体很棒的图标不会显示在Angular 5中

7 年前

Tithos · 品牌FA5图标不工作

7 年前

SuperUberDuper · 字体awesome在加载之前显示方块

7 年前