Cómo descargar iconos en el sitio web

1

Debido a las limitaciones de DuNiang, Baidu es el mejor lugar para descargar íconos

Ingrese a "Biblioteca de íconos vectoriales de Alibaba" y estará mostrado en Baidu No. 1

2

Abra el sitio web y seleccione la búsqueda en la esquina superior derecha para buscar el ícono que desea.

3

También puedes optar por ingresar a la biblioteca de íconos y seleccionar el ícono que deseas

4

Después de seleccionar el ícono, haga clic en el ícono para volverse Naranja, es decir, colocado en el estante de almacenamiento temporal.

5

Haga clic nuevamente para cancelar o mueva el mouse al ícono en el estante de almacenamiento temporal. es un pequeño botón en la esquina superior derecha del ícono. ¡Esto también se puede hacer! ¡Eliminar ícono! Seleccione

6

Seleccione el ícono que desea usar, haga clic en Descargar a local en el estante de almacenamiento temporal y descomprímalo para usarlo

END

Referencia del proyecto

1

Abre la carpeta descomprimida demo.html

2

Puedes ver el ícono que descargamos. , siga los pasos mostrados. De acuerdo con los pasos de demostración, a continuación configuramos el proyecto ionic

3

Directorio de almacenamiento de archivos estáticos, creamos una nueva carpeta de fuentes para almacenar archivos de fuentes (almacenamiento personalizable)

4

css usa font-face para declarar fuentes

5

css usa iconfont style para definir estilos

6

Seleccione el ícono apropiado y obtenga la fuente, aplíquela a la página para mostrar las etiquetas del ícono

END

y otras etiquetas que hagan referencia al ícono

1

Has notado que los íconos Ionic solo necesitan agregar una clase como ion-happy ion- Hay una solución urgente

Abre el archivo iconfont.css en el archivo de íconos directamente descomprimido

2

Cambia esos .icon-XXX:before{content:'XXXX '} También cópialo a tu archivo css

Si ve el código fuente del archivo css ionic, ¿le resulta familiar?

3

No está mal, solo agregue el ícono iconfont: los tutoriales más completos de la serie P4P》