引入iconfont字体的使用方法

1.iconfont字体图标相对于图片来说的话,iconfont字体更容易控制、更小、更快加载。

2.首先去iconfont(阿里巴巴矢量图)找到自己想要的图标,下载代码后再项目中引用这个iconfont包

3.使用iconfont字体图标
       1.打开解压后的iconfont字体图标库,打开demo_index.html文件复制
          

         和
              这两段代码都要放在你的基础类里面方便iconfont的全局使用
!!注意第一段代码在使用的时候记得根据项目目录来换成你的相对路径,不然直接使用回报错


     2.使用iconfont字体图标

<i class="iconfont">&#zw54b</i>
使用的元素并没有限制,推荐使用行内元素,
!使用时需要给元素加上字体图标的基础类iconfont类名,不然显示不出来字体图标,
行间的代码可以在iconfont目录下面的demo_index下面找

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值