[Vue] 전역 폰트 설정

웹 애플리케이션 폴더에 폰트 저장하고 사용하기

 

 

web CDN으로 요청해서 사용하기

적당한 곳에 파일 생성 fonts.css

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 100;
  src: url(https://폰트 주소)
      format("opentype"),
    url(https://폰트 주소)
      format("woff"),
    url(https://폰트 주소)
      format("woff2");
}

// 똑같은 CDN으로 font-weight를 여러개로 설정할 수 있음.

 

main.js에 import한다.

import Vue from "vue";
import App from "./App.vue";
// ...
import "@/src/assets/css/fonts.css";
// ...


new Vue({
  store,
  router,
  render: (h) => h(App),
}).$mount("#app");