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

发布时间：2020-12-17 10:27:40 所属栏目：安全来源：网络整理

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

（编辑：李大同）

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