gatsby-plugin-prefetch-google-fonts
A Gatsby plugin to download and prefetch Google Fonts. Can increase performance as opposed to loading webfonts from Google's external stylesheet.
Installation
With npm:
npm install --save @vinzcelavi/gatsby-plugin-prefetch-google-fontsOr with Yarn:
yarn add @vinzcelavi/gatsby-plugin-prefetch-google-fontsUsage
In your gatsby-config.js file, load in the plugin along with which web fonts to load.
module.exports = {
plugins: [
{
resolve: `@vinzcelavi/gatsby-plugin-prefetch-google-fonts`,
options: {
fonts: [
{
family: 'Roboto',
variants: [
'400',
'400i',
'700',
'700i',
],
subsets: [
'latin-ext',
],
},
],
},
}
]
}For a list of all available font family options, consult the google-fonts-plugin readme.