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

发布时间：2020-12-17 08:34:35 所属栏目：安全来源：网络整理

导读：参考文章链接：http://blog.csdn.net/fuzhenglai/article/details/50668918 因此我们如果不想用 Fontawesome 提供的类，只想在 css 里面引用图标的话，可以这样子，请自行脑补： .icon :before { content : 'f006' ; font-family : FontAwesome ; } button

 
   参考文章链接：http://blog.csdn.net/fuzhenglai/article/details/50668918
 
 因此我们如果不想用 Fontawesome 提供的类，只想在 css 里面引用图标的话，可以这样子，请自行脑补：
.icon:before { content: 'f006'; font-family: FontAwesome; }
 
   <button 
   type 
   = 
   "button" 
   pButton 
    icon 
   = 
   "fa-eye" 
   >，效果图如下：（pButton 为primeng中的样式） 
  
   FontAwesome字体图标如下： 
  
     http://www.yeahzan.com/fa/facss.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!