search

nuxt-community / vuetify-module

Vuetify Module for Nuxt 2
Other
630 stars 106 forks source link

Multiple icon sets #284

Open BonBonSlick opened 4 years ago

BonBonSlick commented 4 years ago

Load multiple fonts 


   icons: {
            values: {
                faFont: 'fa',
                mdiFont: 'mdi',
            },
        },
        defaultAssets: {
            icons: [
                'fa',
                'mdi',
            ],
        },

above does not work

I spent the whole day trying to configure that globally to be able to use

<v-icon>...</v-icon> seems impossible.

mathe42 commented 4 years ago

Just import both font from a cdn.

In your case:

and prefix your icons: example mdi-account. That should work...

BonBonSlick commented 4 years ago

installed nuxt module for other icons.

Ben621 commented 4 years ago

@BonBonSlick can you explain how did you solve it code?

may17 commented 3 years ago

@Ben621 maybe a little bit late but... just for font awesome as example

npm i @fortawesome/fontawesome-free -D

In nuxt.config.js add the css file to the array of css resources

  /*
  ** Global CSS
  */
  css: [
    '@fortawesome/fontawesome-free/css/all.css'
  ],