创建一个项目
下一步
把链接里面的代码 全部拷贝起来，引入项目当中 ，放在 style中，创建一个 icon.less文件
使用
在 HTML中引入 icon图标库
最近练习前端页面的渲染，加强一下自己的html与css技术，其中就涉及到引入图标的问题。这里我主要演示一下引入iconfont-阿里巴巴图标：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2
1，网站搜素想要的图标：
2，选择自己中意的图标，鼠标放在图标上面，如果只是想要图片的话，选择下载，然后在图标下载页面，选择对应的样式，下载即可。
3，选择自己中意的图标，鼠标放在图标上面，如果想要在html中以class文件引入的话，则需要，选择加入购物车图标，
然后点击购物车图标，点击页面加入到项目，
这里注意需要登录iconfont，有自己新建的项目。
把自己想要的图标全部加入完成后，按照箭头指示下载即可。
下载完成后，解压，把文件放在html对应的文件中，然后在html页面中引入iconfont.css样式文件：
<link rel="stylesheet" href="font/iconfont.css" type="text/css">
引入对应的class文件样式下面是代码示例：iconfont是必须要加入的 icon-qq是对应的iconfont中对应的图标文件。
<li><i class="iconfont icon-qq"></i></li>
以后如果想要在引入想要的图标，在iconfont.css中引入即可，至此就完成了html中引入iconfont样式文件的引入。