【Nuxt.js】Google Fonts의 도입 방법

1978 단어 nuxt.jsGooglefonts

nuxt-webfontloader 다운로드



터미널
$ npm i nuxt-webfontloader

nuxt.config.js에서 설정



nuxt.config.js

//------省略
  modules: [
    'nuxt-webfontloader'
  ],
  webfontloader: {
    google: {
      families: ['Langar', 'Lobster']
    }
  },
//------省略

Font 사용



index.vue
<template>
  <div>
    <h1 style="font-family: 'Langar';">ABCDEF</h1>
    <h1 style="font-family: 'Lobster';">ABCDEF</h1>
    <h1>ABCDEF</h1>
  </div>
</template>

좋은 웹페이지 즐겨찾기