阿里图标iconfont使用

• • 下载文件
  • 使用文件

下载文件

1. 点击链接进入阿里iconfont官网，用手机号注册并登录。
   
2. 选择资源管理->我的项目
   
3. 选择右边的紫色图标新建项目，填写项目名，其他的默认选择，点击新建即可。
   
   
4. 搜索自己需要的图标，比如购物车图标
   
   选择自己图标感兴趣的，加入购物车。
   
5. 选择好后，点击右边的小购物车，添加到刚创建的项目中
   
   
6. 然后点击下载即可
   

使用文件

1. 把下载解压完的文件移入自己的项目中去，然后通过link引入iconfont.css。
   
2. 打开下载文件的demo_index.html
   
   选择Font class然后复制需要的图标的类名，比如这里是.icon-gouwuchekong（注意.开头的才是类名）
   
3. 在标签中添加类名，注意 iconfont是必须添加的，后面的icon-gouwuchekong是上一步复制的类名（把.给去掉），即格式为iconfont xx，xx是你需要的图标的类名。
   
   然后在浏览器打开就可以看到图标了
   
4. 如果想修改图标的颜色，可以添加一个新的类名，修改css样式，内嵌式行内式的都可以
   
   这样就可以得到想要的效果了