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

最新推荐文章于 2025-03-26 18:47:16 发布

叮咚侠

最新推荐文章于 2025-03-26 18:47:16 发布

阅读量2.8k

点赞数

分类专栏： WEB前端

WEB前端专栏收录该内容

5 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考文章链接：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