引入阿里彩色图标在引入普通图标的基础上，如下
1、以此“项链”为例
2、添加入库（购物车），下载代码
3、解压下载包，打开demo.html,找到原类名，写入html需要添加图标的类名处（此处以类名为iconfont的span为例）；
同时在在html中引入iconfont.css。
<span class="iconfont icon-xianglian " ></span>
<link rel="stylesheet" href="./font_73tirvbxqoa/iconfont.css">
4、找到 图标js 文件，并引入
<script src="./font_73tirvbxqoa/iconfont.js"></script>
5、在span下写入，href后的id为图标原类名
<svg class="icon" aria-hidden="true" >
<use xlink:href="#icon-xianglian" ></use>
</svg>
（注：
在body中添加svg之后：style 部分，可添加或选择不添加
<style>
.ee{
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
）
6、Ctrl+s,Alt+b
7、把span注掉或者删掉黑白小图标消失
总结：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./font_73tirvbxqoa/iconfont.css">
<script src="./font_73tirvbxqoa/iconfont.js"></script>
<title>Document</title>
<style>
.ee{
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
</head>
<body>
<span class="iconfont icon-xianglian ee" ></span>
<svg class="icon" aria-hidden="true" >
<use xlink:href="#icon-xianglian" ></use>
</svg>
</body>
</html>
1311
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
