Nuxt.jsでVuetify使うときに勝手に読み込まれるWebフォントを読み込まなくする

2020-01-25

Nuxt.jsのVuetifyモジュールを使うとデフォルトだと文字用とアイコン用のWebフォントが読み込まれる様になっていますが使わなかったり違うフォントを使う場合は無駄なので読み込まないようにする方法です。

オプションのdefaultAssets で設定できます。

// nuxt.config.js
export default {
  vuetify: {
    defaultAssets: {
      font: false,
      icons: false
    }
  }
}

両方とも不要な場合はdefaultAssets自体をfalseにすれば一括でOFFにできます。

// nuxt.config.js
export default {
  vuetify: {
    defaultAssets: false
  }
}

当たり前ですがデフォルトのフォントが読み込まれなくなるので自分で設定する必要があります。