Vue에서 사용자 지정 글꼴 및 사용자 지정 글꼴 아이콘 사용

네트워크에서 아이콘 아이콘을 다운받은 후 Vue 프로젝트의 src 폴더 아래에 있는 assets 파일에 fonts 폴더를 넣고 font.css 파일을 생성합니다.

 

css 파일에서 사용자 정의 글꼴을 정의하고 일반적으로 ttf 파일을 참조하십시오.

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

마지막으로 main.js 파일에서 font.css 파일을 가져옵니다.

 이후 정상적으로 사용이 가능합니다