nuxt-community / Google Fonts Module
Licence: mit
Google Fonts module for NuxtJS
Stars: ✭ 98
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Google Fonts Module
seed-fonts
WordPress plugin that helps you use web fonts (@font-face) easier. You can use 5 ready-generated Thai-English web fonts, or use your own collection.
Stars: ✭ 20 (-79.59%)
Mutual labels: fonts, google-fonts
Inkwell
An inkwell to use custom fonts on the fly.
Stars: ✭ 146 (+48.98%)
Mutual labels: fonts, google-fonts
Gftools
Misc tools for working with the Google Fonts library
Stars: ✭ 132 (+34.69%)
Mutual labels: fonts, google-fonts
font-picker-react
✏️ Font selector component for Google Fonts
Stars: ✭ 126 (+28.57%)
Mutual labels: fonts, google-fonts
Yrsa Rasa
Yrsa & Rasa: fonts for Latin and Gujarati
Stars: ✭ 200 (+104.08%)
Mutual labels: fonts, google-fonts
Urbanist
Urbanist is a low-contrast, geometric sans-serif inspired by Modernist design and typography.
Stars: ✭ 374 (+281.63%)
Mutual labels: fonts, google-fonts
web-fonts-repository
A simple webfont hosting. Google Fonts alternative for your own fonts.
Stars: ✭ 99 (+1.02%)
Mutual labels: fonts, google-fonts
typefaces
Collection of Google fonts as typeface data for usage with three.js, react-three-fiber, and other tools.
Stars: ✭ 53 (-45.92%)
Mutual labels: fonts, google-fonts
Awesome Fonts
Curated list of fonts and everything
Stars: ✭ 798 (+714.29%)
Mutual labels: fonts, google-fonts
Fontsource
Self-host Open Source fonts in neatly bundled NPM packages.
Stars: ✭ 836 (+753.06%)
Mutual labels: fonts, google-fonts
Guides
A miscellania of how-to's, references, and style guides for stuff I'm into.
Stars: ✭ 82 (-16.33%)
Mutual labels: fonts
Nuxt Stories
Nuxt stories module -- Painless (and now insanely fast) storybooking for Nuxt
Stars: ✭ 81 (-17.35%)
Mutual labels: nuxt
Vue Masonry Wall
A pure vue responsive masonry layout without direct dom manipulation and ssr support.
Stars: ✭ 79 (-19.39%)
Mutual labels: nuxt
Example Ecommerce Snipcart Vue
The Transglobal Candy Store: Sample front-end for the Sanity.io e-commerce schema with vue.js, nuxt.js, and snipcart
Stars: ✭ 89 (-9.18%)
Mutual labels: nuxt
Fontawesome Module
Module to use Font Awesome icons in Nuxt.js
Stars: ✭ 79 (-19.39%)
Mutual labels: nuxt
@nuxtjs/google-fonts
Google Fonts module for NuxtJS
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
Setup
- Add
@nuxtjs/google-fonts
dependency to your project
yarn add --dev @nuxtjs/google-fonts # or npm install --save-dev @nuxtjs/google-fonts
- Add
@nuxtjs/google-fonts
to thebuildModules
section ofnuxt.config.js
{
buildModules: [
// Simple usage
'@nuxtjs/google-fonts',
// With options
['@nuxtjs/google-fonts', { /* module options */ }]
]
}
⚠️ 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
- Clone this repository
- Install dependencies using
yarn install
ornpm install
- Start development server using
yarn dev
ornpm run dev
License
Copyright (c) Nuxt Community
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].