Uso de la biblioteca de iconos de Ali

Dirección de la galería de iconos de Ali

https://www.iconfont.cn/search

Utilice la biblioteca de iconos en línea de Ali

1. Busque el ícono que debe usarse, como: teléfono, agregar al carrito de compras
2. Cree un artículo nuevo y "agregar al artículo" el ícono en el carrito de compras
3. Haga clic para generar el código
Inserte la descripción de la imagen aquí

4. Copie la dirección de conexión del código generado al icono de referencia en el código que debe usarse

Ejemplos de uso:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_2379634_x0zo2tf4wlf.css">
    <style>
        .iconfont{
            font-size: 30px;
            color: red;
        }
    </style>
</head>
<body>
    <i class="iconfont icon-dianhua"></i>
</body>
</html>

Descargue el icono de Ali para uso local

Ejemplos de uso:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./font/iconfont.css">
    <style>
        .iconfont{
            font-size: 40px;
            color: red;
        }
    </style>
</head>
<body>
    <i class="iconfont icon-dianhua"></i>
</body>
</html>

Sugerir

Se recomienda utilizar la biblioteca de iconos oficial de Ali, y es la misma serie de iconos, el mismo estilo y estilo Inserte la descripción de la imagen aquí

Editar icono

1. Busque el ícono que debe usarse, como: teléfono, agregar al carrito de compras
2. Cree un artículo nuevo y "agregue al artículo" el ícono en el carrito de compras
3. Haga clic para generar el código
4. Edite la dirección del ícono etc.
Inserte la descripción de la imagen aquí