angular7项目中使用Iconfont字体图标库

约定不等于承诺〃 2021-10-18 13:26 472阅读 0赞

iconfont官网

https://www.iconfont.cn

选择字体图标

  1. 首先进入iconfont官网，然后使用github账号登录，搜索自己需要的图标，添加至购物车，然后添加之我的项目，点击下载即可。如下
    在这里插入图片描述

解压并复制iconfont开头的所有文件至angular项目assets/iconfont目录下

在这里插入图片描述

在angular.json文件的styles下进行配置

在这里插入图片描述

重启服务并使用

  1. <div class="side_menu">
  2.     <ul>
  3.         <li>
  4.             <i class="iconfont icon-shouye"></i>
  5.             首页
  6.         </li>
  7.         <li>
  8.             <i class="iconfont icon-weibiaoti-"></i>
  9.             联系我们
  10.         </li>
  11.         <li>
  12.             <i class="iconfont icon-label"></i>
  13.             招商：0871-64327131
  14.         </li>
  15.     </ul>
  16. </div>

发表评论

表情：
评论列表 （有 0 条评论，472人围观）

还没有评论，来说两句吧...

相关阅读

    相关 uni-app中使用iconfont字体图标

    在一些项目中，我们需要使用阿里巴巴矢量字体图标库的图标，如果单个下载势必过于麻烦，这个就是自己创建好然后进入即可。 第一步，找到阿里巴巴矢量字体图标库，登录官网 。把你需要的

    - 日理万妓- 日理万妓/ 0 赞/ 216 阅读