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>