Endereço da galeria de ícones Ali
https://www.iconfont.cn/search
Use a biblioteca de ícones online de Ali
1. Encontre o ícone que precisa ser usado, como: telefone, adicionar ao carrinho de compras
2. Crie um novo item e "adicionar ao item" o ícone no carrinho de compras
3. Clique para gerar o código
4. Copie o endereço de conexão do código gerado para o ícone de referência no código que precisa ser usado
Exemplos 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>
Baixe o ícone Ali para uso local
1. Encontre o ícone que precisa ser usado, como: telefone, adicionar ao carrinho de compras
2. Crie um novo item e "adicionar ao item" o ícone no carrinho de compras
3. Clique para gerar o código
4. Faça download do ícone para o local
Exemplos 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>
Sugira
Recomenda-se usar a biblioteca oficial de ícones Ali, e é a mesma série de ícones, o mesmo estilo e estilo
Ícone de edição
1. Encontre o ícone que precisa ser usado, como: telefone, adicionar ao carrinho de compras
2. Crie um novo item e "adicionar ao item" o ícone no carrinho de compras
3. Clique para gerar o código
4. Editar direção do ícone etc.