How can I turn off Google fonts and Material design icons in Vuetify

Question

I am developing an internal company app that does not reach out to the internet, therefore I can not use CDNs or Google Fonts.

In my developer console for Chrome (and not Firefox for some reason) I get errors pointing to the fact it get the following urls

https://dcn.jsdeliver.net/npm/@mdi/font@latest/materialdesignicons.min.css

and

https://fonts.googleapis.com/css?family=Roberto:100,300,400,500,700,900&display=swap

How (in nuxt/vuetify) can I turn these off?

user_4015346 · Answer

First of all you need to set nuxtjs/vuetify to offline mode with this configuration:

{
  buildModules: [
    '@nuxtjs/vuetify'
  ],
  vuetify: {
    defaultAssets: false // <= this will disable autoloading Google font and MDI icons
  }
}

Then you can import these icons and fonts as here.

How can I turn off Google fonts and Material design icons in Vuetify

1 Answers