Nuxt3 と Vuetify3 がGAになったのでセットアップ方法のメモです。

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

Vuetify は内部でクラスにフォントを指定していてbodyにfont-familyで指定しても設定されません。
!importantで強制的に上書きすれば設定できるかと思いますが使わないで設定できるのであればそっちのほうが良いので!importantを使わず変更する方法です。

Vuetify は内部でフォントを指定していてbodyにfont-familyで指定しても設定されません。
!importantで強制的に上書きすれば設定できるかと思いますが使わないで設定できるのであればそっちのほうが良いので!importantを使わず変更する方法です。

2020/01/18更新 V2向け記事を書きました