Use fuentes personalizadas e íconos de fuentes personalizadas en Vue

Después de descargar el icono de icono de la red, coloque la carpeta de fuentes en el archivo de activos en la carpeta src del proyecto Vue y cree un archivo font.css

 

Defina fuentes personalizadas en el archivo css, generalmente consulte el archivo ttf

@font-face {
    /*自定义字体名*/
    font-family: 'icomoon';
    /*路径*/
    src: url('icomoon.ttf');
    font-weight: normal;
    font-style: normal;
}

Finalmente, importe el archivo font.css en el archivo main.js

 Después de eso, se puede usar normalmente.