到iconfont.cn选择需要的icon,登陆后加入购物车
然后点击购物车添加或新建到一个项目,打开项目,点击下载到本地
解压下载好的压缩包,在你的项目中导入需要的文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="./iconfont/iconfont.css">
<style type="text/css">
header::after {
font-family: 'iconfont';
/*content: ''; error */
content: '\e77f';
}
</style>
</head>
<body>
<header>header</header>
<footer>
<span class="iconfont icon-frown"></span>
footer
</footer>
</body>
</html>复制代码
可以用css伪元素选择器,来填充iconfont,但需注意content属性值与官网提供的有差距
也可以给标签添加类名,需注意添加默认类型iconfont
最终效果: