nuxt 기본 폰트 변경 (google webfont)

Taek-In Jeong·2021년 2월 7일
0
post-custom-banner

본인 참고용으로서 정리되지 않은 게시물임
추후 정리를 "할 수도" 있음

https://fonts.google.com/
에서 문자 검색

Noto Sans를 예로 들어..
https://fonts.google.com/specimen/Noto+Sans+KR
각 스타일 우측에 "Select this style" 버튼을 눌러 모든 스타일 추가

그럼 우측에 사이드바가 뜨면서 "Use on the web" 섹션이 보임
이를 참고하여 아래와 같이 nuxt.config.js를 편집한다.

  head: {
    link: [
      { rel: 'preconnect', href: 'https://fonts.gstatic.com' },
      { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap' }
    ]
  },
  vuetify: {
    treeShake: true,
    defaultAssets: {
      font: {
        family: 'Noto Sans KR'
      }
    }
  },

위 두 곳에 찾아 추가한다.

전체 폰트를 다 바꾸는 방법이며,
만약 일부 파트만 바꾸길 원한다면 그 부분의 설명은 일단은 생략

post-custom-banner

0개의 댓글