自定义图标


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<!-- 引入图标字体的文件-->
	<link rel="stylesheet" href="iconfont/iconfont.css">
	<style>
		body{
			font-size: 30px;
		}
		.iconfont{
			font-size:30px;
			color: red;
		}

	</style>
</head>
<body>
	<br>汽车: <i class="iconfont icon-icon-"></i>
	<br>油条: <i class="iconfont icon--youtiao"></i>
	<br>搜索标1: <i class="iconfont icon-sousuo"></i>
	<br>搜索标2: <i class="iconfont icon-sousuo1"></i>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<!-- 引入图标字体的文件-->
	<link rel="stylesheet" href="iconfont/iconfont.css">
	<style>
		body{
			font-size: 30px;
		}
		.iconfont{
			font-size:30px;
			color: red;
		}

	</style>
</head>
<body>
	<br>汽车: <i class="iconfont icon-icon-"></i>
	<br>油条: <i class="iconfont icon--youtiao"></i>
	<br>搜索标1: <i class="iconfont icon-sousuo"></i>
	<br>搜索标2: <i class="iconfont icon-sousuo1"></i>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_34608447/article/details/89788265