@nuxtjs/google-fonts

Google Fonts module for NuxtJS

• ✨  Release Notes
• 📖  Documentation

Features

• Specify fonts by name/variant
• Parse head links to Google Fonts
• Creates only an external link to Google Fonts
• Support CSS API v2
• Add dns-prefetch
• Add preconnect
• Add preload
• Download css/fonts to local project (No need external resources)
• Encode fonts to base64

📖  Read more

Setup

1. Add @nuxtjs/google-fonts dependency to your project

yarn add --dev @nuxtjs/google-fonts # or npm install --save-dev @nuxtjs/google-fonts

2. Add @nuxtjs/google-fonts to the buildModules section of nuxt.config.js

{
  buildModules: [
    // Simple usage
    '@nuxtjs/google-fonts',

    // With options
    ['@nuxtjs/google-fonts', { /* module options */ }]
  ]
}

:warning: If you are using Nuxt < v2.9 you have to install the module as a dependency (No --dev or --save-dev flags) and use modules section in nuxt.config.js instead of buildModules.

Development

1. Clone this repository
2. Install dependencies using yarn install or npm install
3. Start development server using yarn dev or npm run dev

License

MIT License

Copyright (c) Nuxt Community