图标字体引入

首页.png

graph TD
登录网址 --> 选取图标-->图标添加至项目-->在线生成代码-->link引入-->放入i标签

购物车.png

```<!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">
    <title>Document</title>
    <!-- 引入 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3106976_sclxinmcpj.css">
    <style>
        .icon{
            font-size: 60px;
        }
    </style>
</head>
<body>
    <!-- 1.登录www.iconfont.cn -->
    <!-- 2.选取想要的图标，放入购物车 -->
    <!-- 4.在线生成代码 -->
    <!-- 5.在HTML中用link引入进来 -->
    <!-- 6.放入i标签中,类名固定为class="icon iconfont 图标类名",也可以自己在后面新增类名 -->
    <p>
        <i class="icon iconfont icon-gouwuche2 active"></i>
    </p>
</body>
</html>