web icon-font的使用方法

这里使用的图标库是 Iconfont-阿里巴巴矢量图标库

1.选择中意的图标 选择 添加入库(可以选择N个)


web icon-font的使用方法_第1张图片
捕获.JPG
  1. 点击 右上角购物车图标, 选择下载代码(download.zip)。

  2. 解压 download.zip 后是一个 demo, 把 iconfont.css , iconfont.eot , iconfont.js , iconfont.svg, iconfont.ttf , iconfont.woff,放到你自己的目录。


    web icon-font的使用方法_第2张图片
    捕获.JPG
  3. 打开 iconfont.css, 可以看到 图标名称

web icon-font的使用方法_第3张图片
TIM截图20170824153508.png
  1. 测试代码


    
    
    

    

    

    Document


    
    


注意:如果要更改图标大小,要用 font-size

你可能感兴趣的:(web icon-font的使用方法)