@slixites/gatsby-plugin-google-fonts

Performantly and Customizably Bring Google Fonts to Gatsby

Usage no npm install needed!

<script type="module">
  import slixitesGatsbyPluginGoogleFonts from 'https://cdn.skypack.dev/@slixites/gatsby-plugin-google-fonts';
</script>

README

@slixites/gatsby-plugin-google-fonts

Build Status Known Vulnerabilities codecov Dependencies

How to use it ?

yarn add @slixites/gatsby-plugin-google-fonts
// or
npm install --save @slixites/gatsby-plugin-google-fonts

Add fonts to your gatsby-config.js:

module.exports = {
  // ...
  plugins: [
    // ...
    {
      resolve: '@slixites/gatsby-plugin-google-fonts',
      options: {
        fonts: [
          'Montserrat',
          'source sans pro\:300,400,400i,700',
        ],
        display: 'swap',
        preconnect: true,
        attributes: {
            rel: 'stylesheet preload prefetch',
            as: 'style',
        },
      },
    },
    // ...
  ]
  // ...
}

How to find great ideas ?