Cómo utilizar fuentes de iconos en HTML

En circunstancias normales, los navegadores no pueden mostrar fuentes especiales. A excepción de las fuentes normales como Heilongjiang, Microsoft Yahei, Songti y algunas fuentes en inglés, los navegadores no pueden reconocer ni mostrar otras fuentes normalmente, por lo que aquí debe hacerlo. personalice la fuente para usar font-face en css. El método específico es el siguiente:

①Descargue la fuente correspondiente que necesita al local;

②Agregue el siguiente código en el estilo css. @font-face{

font-family: nombre de fuente

src: url (ruta del archivo de fuente)

}

Nombre de fuente Puede llamarse como el nombre de la fuente o personalizarse como el nombre correspondiente (los nombres recomendados se utilizan para facilitar la optimización posterior de la llamada), src: url (nombre de la fuente en sí), src: url (ruta del archivo de fuente)

Nombre de fuente Se puede llamar como el nombre de la fuente o se puede personalizar el nombre correspondiente (para facilitar la optimización de llamadas posteriores, se utiliza la fuente recomendada. La ruta del archivo de fuente en src es la ruta a la carpeta donde se encuentra la fuente). ubicado

③Cuando necesite usar la fuente Agregue font-family: nombre de fuente al atributo css y establezca el estilo de fuente normal. El nombre de fuente es el nombre de fuente definido en font-face;

De acuerdo con las operaciones anteriores, puede mostrar normalmente en la página web la fuente especial que desea utilizar.