Downloading Fonts

download

With this option you can download css and google sources for your local project. This means that your project will not depend on these external resources.

• Type: Boolean
• Default: true

export default {
  googleFonts: {
    download: false
  }
}

base64

This option encodes the fonts and inject directly into the generated css file.

• Type: Boolean
• Default: false

export default {
  googleFonts: {
    base64: true
  }
}

inject

This option injects the globally generated css file.

• Type: Boolean
• Default: true

export default {
  googleFonts: {
    inject: false
  }
}

overwriting

This option prevents files from being downloaded more than once.

• Type: Boolean
• Default: false

export default {
  googleFonts: {
    overwriting: true
  }
}

outputDir

Specifies the output directory for downloaded files.

• Type: String
• Default: 'node_modules/.cache/nuxt-google-fonts'

export default {
  googleFonts: {
    outputDir: 'assets'
  }
}

stylePath

Specifies the path of the generated stylesheet file.

• Type: String
• Default: 'css/nuxt-google-fonts.css'

export default {
  googleFonts: {
    stylePath: 'assets/google-fonts.css'
  }
}

fontsDir

Specifies the directory where the fonts will be downloaded.

• Type: String
• Default: 'fonts'

export default {
  googleFonts: {
    fontsDir: 'assets/fonts'
  }
}

fontsPath

Specifies the path of the fonts within the generated css file.

• Type: String
• Default: '../fonts'

export default {
  googleFonts: {
    fontsPath: 'fonts'
  }
}