1.进入该网站:http://www.iconfont.cn/

2.进入图标库,搜索自己想要的图标。

iconfont的用法


3.以箭头为例,搜索进入该界面,找到自己想要的箭头。

iconfont的用法

4.添加进库:

iconfont的用法

5.库内图标个数会在界面有所显示,然后点进去。

iconfont的用法

6.添加到项目,点击确定,会自动跳入到另一个界面。

iconfont的用法

跳转到:

iconfont的用法

7.记下箭头名称,这里是:icon-jiantouarrow493

iconfont的用法

8.点击下载至本地,会自动下载该压缩包:

iconfont的用法

9.解压。


10.应用(只对iconfont.css操作就行了):

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="*******/iconfont.css" />  <!--这是iconfont.css的路径-->
</head>
<body>
<div>
<span class="class="iconfont icon-jiantouarrow493""></span>
</div>
</body>
</html>

class内的格式为:iconfont+" "+"该图标名称" 。

相关文章:

  • 2022-12-23
猜你喜欢
  • 2021-12-19
  • 2021-10-01
  • 2022-12-23
  • 2021-04-27
  • 2021-11-25
  • 2021-12-21
  • 2021-11-27
相关资源
相似解决方案