html:
(1)
通过阿里iconfont下载所需要的图标
(2)将下载的图标解压移动到文件夹中
(3)通过link引用iconfont.css
(4)有两种方式使用标签,一种是通过
如:
另一种是通过
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../alifa/iconfont.css">
<link rel="stylesheet" href="../css/79iconfont.css">
</head>
<body>
<li class="iconfont"></li>
<li class="iconfont"></li>
<li class="iconfont"></li>
<li class="iconfont"></li>
<li class="iconfont"></li>
<li class="iconfont icon-boluo-03"></li>
</body>
</html>
css:
(1)通过使用font-size改变大小
(2)具体使用 标签.类名来使用
代码:
li.iconfont {
font-size: 100px;
}
效果: