Vuetify 기본 폰트 변경 방법

작업하다가 CSS 강제 override하는 방법을 많이 썼는데, 생각 외로 간단한 위치에 내용이 있었다.

 

vuetifyjs.com/en/features/sass-variables/

SASS variables

일반 vue cli 기준으로 src/sass/variables.scss 위치에 아래의 내용을 입력한다.(전 스포카 폰트를 쓰고 있습니다)

$body-font-family: 'Spoqa Han Sans Neo', 'sans-serif';

 

정말 별거 아닌데, 찾기 은근 까다로웠다.

사실 제일 먼저 읽어보아야 하는데, UI 컴포넌트부터 보게 되면 놓치기 쉽다.