阿里图标

发表于 | 分类于

http://www.iconfont.cn/

选中图标，点击下载代码，解压

打开

1
demo_fontclass.html

第一步：引入项目下面生成的fontclass代码：

1
<link rel="stylesheet" type="text/css" href="./iconfont.css">

第一步: 修改iconfont.css中引入的字体文件目录

1
2
3
4
5
6
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1500973616534'); /* IE9*/
  src: url('iconfont.eot?t=1500973616534#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1500973616534') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1500973616534') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1500973616534#iconfont') format('svg'); /* iOS 4.1- */

第二步：挑选相应图标并获取类名，应用于页面

1
<i class="iconfont icon-xxx"></i>