font-face使用阿里图标库

一直在想怎么用font－face，今天实验了一把，成功了，

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

url的字体链接可以放在阿里线上，也可以下载到本地存到自己的服务器里

这是unicode使用的图标，再加一个

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

引用       <i class="icon iconfont">&#xe60c;</i>