Reply. 2) Set up gatsby-config.js file. As such, we have to find another way to inject Google Fonts. @slixites/gatsby-plugin-google-fonts Build Status Known Vulnerabilities codecov Dependencies How to use it ? Any Gatsby project can leverage all the different plugins available inside the Plugin Section of their website. The right font-loading strategy, however, can be somewhat of a challenge. Choosing the right font can add great value to a site and enhance the user experience. Plus it's causing a bug during a build. Read next. 👍 8 Add fonts to your : How to find… 5 Ways to Supercharge … For Google Fonts. A simple Gatsby plugin for Google fonts should get everything up and running for you in time. Fuente realizada a base de deco pinstripe, todos los derechos a Like Minded Studio Font made of pinstripe deco, all rights Like Minded Studio Like. Run in this on your Gatsby project’s root folder like so: npm install gatsby-plugin-google-fonts. But now it’s deprecated and may cause this error: ENOENT : no such file or directory , stat '.cache/google-fonts//fonts' Set up your Gatsby config file to adopt the installed plugin. The right font-loading strategy, however, can be somewhat of a challenge. That’s why Gatsby provides several developer-friendly solutions for all of our font-loading needs. 1. The Gatsby font has been downloaded 430,587 times. Download the Gatsby font by Casady & Greene. Gatsby Plugin Prefetch Google Fonts. Choosing the right font can add great value to a site and enhance the user experience. Now it counts 1719 plugins, and the number is growing faster and faster. 1) Install Gatsby plugin for Google Fonts. A lot has already been written about Typography.js, so this post will compare the pros and cons of three other approaches: The Link tag and React Helmet; The gatsby-plugin-google-fonts package; The gatsby-plugin-prefetch-google-fonts package; Note: this blog uses the third approach. We’ll take a look at 3 different approaches for loading fonts onto a project. ⚠️ gatsby-plugin-prefetch-google-fonts is no longer maintained and has been achieved. Hey guys, since the plugin isnt owned by gatsby I close the ussue, but I don't "solve" the issue, as the gatsby-plugin-prefetch-google-fonts is much deprecated and it was archived I have no choice but search for another plugin that does the trick, luckily gatsby-plugin-webfonts still update and solve the issue. Bring Google Fonts to Gatsby. source sans pro \: 300,400,400i,700 ` // you can also specify font weights and styles That’s why Gatsby provides several developer-friendly solutions for all of our font-loading needs. The plugin you need is called gatsby-plugin-prefetch-google-fonts. Earlier was very popular plugin gatsby-plugin-prefetch-google-fonts. Code of Conduct • Report abuse. We’ll take a look at 3 different approaches for loading fonts onto a project. 1.