Use custom fonts and custom font icons in Vue

After downloading the icon icon from the network, put the fonts folder in the assets file under the src folder of the Vue project, and create a font.css file

 

Define custom fonts in the css file, generally refer to the ttf file

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

Finally, import the font.css file in the main.js file

 After that it can be used normally