欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

html使用阿里巴巴图标库

程序员文章站 2022-04-01 11:24:47
...

使用ico字体图标

登录阿里巴巴矢量图标库

https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.4

把想要的图标添加购物车-添加项目

html使用阿里巴巴图标库

打开项目，选择“Unicode” 类型，点击下载至本地

html使用阿里巴巴图标库

解压缩iconfont.css放入代码文件夹中

html上使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
	<!--引入iconfont.css文件-->
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <title>html使用阿里图标库（iconfont）制作字体图标</title>
	<style>
	.myicon{
		font-size: 16px;
		margin-right:10px;
		color:#777;
	}
	ul li{list-style:none;}
	</style>
</head>
<body>
<ul>
	<li><i class="iconfont myicon">&#xe604;</i>团队信息</li>
	<li><i class="iconfont myicon">&#xe61e;</i>我的团队</li>
</ul>	 
</body>
</html>
相关标签： ico

上一篇： Java -- 多线程

下一篇： win7桌面分屏如何设置

推荐阅读