Iconfont怎麼用，阿里巴巴矢量圖標網

什麼是Icon Font

IconFont是用字體文件取代圖片文件，來展示圖標、特殊字體等元素的方法

Icon Font好處

它就是一種字體，字體上的顏色，大小屬性相同使用；兼容ie6

怎麼使用

介紹的是阿里巴巴矢量網的用法，登錄http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.1 阿里巴巴矢量網，註冊的註冊登錄的登錄啊

搜索到想要的圖標加入購物車，最好一次確認哪些圖標，不然還要改

點擊購物車

添加至項目，麼有創建一個

點擊更新代碼

點擊複製代碼將代碼放到css文件裏

貼上代碼複製改改對應圖標的代碼和名字就行了，下次增加時一樣加入購物車添加項目並更新，將更新後的代碼替換css文件中原來的代碼

/*icon字體*/

@font-face {
  font-family: 'iconfont';  /* project id 326575 */
  src: url('//at.alicdn.com/t/font_8x27xux4fhepzaor.eot');
  src: url('//at.alicdn.com/t/font_8x27xux4fhepzaor.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_8x27xux4fhepzaor.woff') format('woff'),
  url('//at.alicdn.com/t/font_8x27xux4fhepzaor.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_8x27xux4fhepzaor.svg#iconfont') format('svg');
}

.iconfont {
  color: #f4f4f4;
  font-family: "iconfont" !important;
  font-size: 20px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-renzheng:before {
  content: "\e607";
}
.icon-youjiantou:before {
  content: "\e613";
}