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

nuxt.config.ts

export default {  googleFonts: {    download: false  }}

`base64`

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

Type: Boolean
Default: false

nuxt.config.ts

export default {  googleFonts: {    base64: true  }}

`inject`

This option injects the globally generated css file.

Type: Boolean
Default: true

nuxt.config.ts

export default {  googleFonts: {    inject: false  }}

`overwriting`

This option prevents files from being downloaded more than once.

Type: Boolean
Default: false

nuxt.config.ts

export default {  googleFonts: {    overwriting: true  }}

`outputDir`

Specifies the output directory for downloaded files.

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

nuxt.config.ts

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

`stylePath`

Specifies the path of the generated stylesheet file.

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

nuxt.config.ts

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

`fontsDir`

Specifies the directory where the fonts will be downloaded.

This option is used if the base64 option is disabled.

Type: String
Default: 'fonts'

nuxt.config.ts

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

`fontsPath`

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

This option is used if the base64 option is disabled.

Type: String
Default: '../fonts'

nuxt.config.ts

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

Getting StartedOptions