HTML引入图标方法

基本步骤

• 使用Iconfont网站搜索所需的图标
• 将选好的图标加至在Iconfont建好的项目中
• 有两种方法使用选好的图标，
  1.是选择下载图标使用；
  2.是在线链接，这里的步骤讲解的是在线链接方法
• 转到在Iconfont中添加好的项目中，点击查看在线链接，然后生成或更新链接，可以查看到引用该库的链接地址
• 在HTML中引入该css资源

 <link rel="stylesheet" href="http:////at.alicdn.com/t/font_1651995_2t26t49q3uo.css">

• 在HTML中使用该css资源的图标

<i class="icon iconfont icon-arrowswap"></i>

其中icon-arrowswap为该图标名称，可以在Iconfont中查看到，其余两个为固定写法。