NuxtでGoogle Fontsを使う方法が簡単過ぎた

ポートフォリオサイトでGoogle Fontsを使おうと思い、
cssでimportしたり、linkタグでやってみたりしたけど、
多分、これが一番簡単なのではないかと思います。

インストール

nuxt-webfontloader

npm install nuxt-webfontloader

設定方法

nuxt.config.js

  /*
   ** Nuxt.js modules
   */
  modules: [
    'nuxt-webfontloader'
  ],
  webfontloader: {
    google: {
      families: ['Noto+Sans+JP']
    }
  },

以上、確認してみましょう。

npm run dev