Los proyectos front-end utilizan iconos de Alibaba

1. Ingrese a la biblioteca de íconos de Alibaba

Biblioteca de iconos vectoriales de Alibaba: https://www.iconfont.cn

  1. Encuentra el ícono que necesitas --> Agregar a la biblioteca
    Insertar descripción de la imagen aquí

  2. Haga clic en el carrito de compras y podrá ver el ícono que acaba de agregar -> haga clic en Agregar al proyecto (agregar a un proyecto existente o crear un proyecto nuevo)
    Insertar descripción de la imagen aquí

  3. Vaya a Mis proyectos desde Gestión de recursos -> Descargue el proyecto localmente y descomprímalo
    Insertar descripción de la imagen aquí

2. Convierta el archivo ttf descomprimido al formato base64 en línea

Sitio web de conversión de archivos ttf en línea: https://transfonter.org/

  1. Agregue el archivo con el sufijo .ttf que acaba de extraer
    Insertar descripción de la imagen aquí

  2. Seleccione el tipo de conversión --> haga clic en Convertir
    Insertar descripción de la imagen aquí

  3. Descargue el archivo convertido——>Copia todo el contenido del archivo stylesheet.css
    Insertar descripción de la imagen aquí

  4. Cree un archivo de fuente en el proyecto --> pegue el contenido que acaba de copiar
    Insertar descripción de la imagen aquí

  5. Abra su proyecto de ícono de Alibaba en Unicode, copie el código del ícono que necesita
    -> use el nombre de la clase de estilo en el proyecto y pegue el código en el área que desea mostrar
    Insertar descripción de la imagen aquí

  6. Luego puede continuar agregando nombres de clases y haciendo otros estilos para los íconos.

Supongo que te gusta

Origin blog.csdn.net/Joye_7y/article/details/125780756
Recomendado
Clasificación