如何在angular2中引用FontAwesome字体中的图标？

最新推荐文章于 2025-10-21 00:00:32 发布

转载最新推荐文章于 2025-10-21 00:00:32 发布 · 2.8k 阅读

WEB前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何在CSS中直接使用FontAwesome图标，通过设置:before伪元素的content属性来显示不同的图标，并给出了具体的代码示例。

参考文章链接：http://blog.youkuaiyun.com/fuzhenglai/article/details/50668918

因此我们如果不想用 Fontawesome 提供的类，只想在 css 里面引用图标的话，可以这样子，请自行脑补：
.icon:before {
    content: '\f006';
    font-family: FontAwesome;
}

<buttontype="button"pButton
 icon="fa-eye">，效果图如下：（pButton
为primeng中的样式）

FontAwesome字体图标如下：
http://www.yeahzan.com/fa/facss.html