[ Vue ] NUXT JS 구글 웹 폰트 사용하기

구글 폰트 바로가기

 

구글폰트 접속

 

원하는 폰트를 클릭하고 아래로 내려보면

+ Select this style이 보인다. 원하는 폰트 클릭 ( 다중 선택 가능 )

그럼 오른쪽에 link가 나온다. ( 복사 )

 

nuxt.config.js

export default {
    link: [
      { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet' }
    ]
}

링크부분에 내가 원하는 링크를 넣어준다.