https://github.com/didierfranc/gatsby-plugin-google-fonts

Bring Google Fonts to Gatsby https://www.gatsbyjs.org/
https://github.com/didierfranc/gatsby-plugin-google-fonts

fonts gatsby react

Last synced: about 13 hours ago
JSON representation

Bring Google Fonts to Gatsby https://www.gatsbyjs.org/

• Host: GitHub
• URL: https://github.com/didierfranc/gatsby-plugin-google-fonts
• Owner: didierfranc
• License: mit
• Created: 2017-09-18T20:03:10.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2021-03-30T08:34:31.000Z (almost 4 years ago)
• Last Synced: 2025-01-15T09:55:59.248Z (8 days ago)
• Topics: fonts, gatsby, react
• Language: JavaScript
• Homepage:
• Size: 11.7 KB
• Stars: 88
• Watchers: 5
• Forks: 18
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# gatsby-plugin-google-fonts

## How to use it ?

```js

yarn add gatsby-plugin-google-fonts

// or

npm install gatsby-plugin-google-fonts --save

```

Add some fonts to your `gatsby-config.js`:

```js

module.exports = {

  siteMetadata: {

    title: `I like Google fonts`

  },

  plugins: [

    {

      resolve: `gatsby-plugin-google-fonts`,

      options: {

        fonts: [

          `limelight`,

          `source sans pro\:300,400,400i,700` // you can also specify font weights and styles

        ],

        display: 'swap'

      }

    }

  ]

}

```

## How to find great ideas ?

- https://fonts.google.com