基本步骤
- 使用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
中查看到,其余两个为固定写法。
网友评论