使用iconfont在html上添加图标

使用步骤

• 1.到iconfont.cn去挑选需要的图标加入购物车

• 2.选好后打开购物车 ， 点击下载代码

  
  image.png

• 3.下载后我文件如下 ，将iconfont.css拷贝至你的css文件夹

  
  image.png

• 4.引入项目下面生成的fontclass代码：
  <link rel="stylesheet" type="text/css" href="css/iconfont.css">

• 5.文件夹里的html文件打开后会有图片对应类名显示，挑选相应图标并获取类名，应用于页面：
  <i class="iconfont icon-xxx"></i>
  

  image.png

• 6.修改图标样式
  初始的图标样式如下 ，iconfont中的图标相当于font， 可以通过color , font-size来改变颜色， 大小

  
  image.png

i{
  font-size:30px!important;
  color:red;
}