All Projects → didierfranc → Gatsby Plugin Google Fonts

didierfranc / Gatsby Plugin Google Fonts

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Gatsby Plugin Google Fonts

Taniarascia.com
💾 ‎ Personal website running on Gatsby, React, and Node.js.
Stars: ✭ 1,183 (+1308.33%)
Mutual labels:  gatsby
Reactime
Chrome extension for improving and optimizing performance in React applications (Gatsby and Next.js compatible).
Stars: ✭ 1,219 (+1351.19%)
Mutual labels:  gatsby
Gatsby With Unstructured Data
A simple example of creating pages dynamically in Gatsby without using GraphQL.
Stars: ✭ 83 (-1.19%)
Mutual labels:  gatsby
Gatsby Starter Tyra
Tyra - Feminine Gatsby Starter optimized for SEO
Stars: ✭ 74 (-11.9%)
Mutual labels:  gatsby
Gatsby Starter Prismic I18n
Based on gatsby-starter-prismic with Internationalization (i18n) support
Stars: ✭ 77 (-8.33%)
Mutual labels:  gatsby
Gatsby Advanced Starter
A high performance skeleton starter for GatsbyJS that focuses on SEO/Social features/development environment.
Stars: ✭ 1,224 (+1357.14%)
Mutual labels:  gatsby
Codefont
60余种常用的等宽字体 愉快的code吧 欢迎issues我 收录更多字体 Happy code bar with more than 60 common fonts of equal width. Welcome issues. I include more fonts.
Stars: ✭ 68 (-19.05%)
Mutual labels:  fonts
Gatsby Bulma Quickstart
🚀 + ⚛️ A Quick Way to bootstrap your next Gatsby + Bulma site.
Stars: ✭ 84 (+0%)
Mutual labels:  gatsby
Gatsby Themes
Get high-quality and customizable Gatsby themes to quickly bootstrap your website! Choose from many professionally created and impressive designs with a wide variety of features and customization options.
Stars: ✭ 1,208 (+1338.1%)
Mutual labels:  gatsby
Guides
A miscellania of how-to's, references, and style guides for stuff I'm into.
Stars: ✭ 82 (-2.38%)
Mutual labels:  fonts
Chaseohlson
🤠 My website, built with Gatsby, Styled-Components & DatoCMS
Stars: ✭ 75 (-10.71%)
Mutual labels:  gatsby
Piazzolla
Piazzolla type family
Stars: ✭ 77 (-8.33%)
Mutual labels:  fonts
Gatsby Starter Help Center
📙A free self-hosted help center
Stars: ✭ 80 (-4.76%)
Mutual labels:  gatsby
Maker.js
📐⚙ 2D vector line drawing and shape modeling for CNC and laser cutters.
Stars: ✭ 1,185 (+1310.71%)
Mutual labels:  fonts
Gatsby Mdx Netlify Cms Starter
Gatsby-MDX with Netlify CMS. Support React components in your CMS editor!
Stars: ✭ 84 (+0%)
Mutual labels:  gatsby
Toast Ui.doc
Stars: ✭ 71 (-15.48%)
Mutual labels:  gatsby
Gatsby Starter Typescript Rebass Netlifycms
My default Gatsby setup. Includes rich MDX support.
Stars: ✭ 79 (-5.95%)
Mutual labels:  gatsby
Gfonts
🔤 Offline Google Fonts for rmarkdown and shiny
Stars: ✭ 85 (+1.19%)
Mutual labels:  fonts
Blog
Source for my blazing fast blog
Stars: ✭ 83 (-1.19%)
Mutual labels:  gatsby
Gatsby Starter Docz
📝 Gatsby starter with Docz and a blog for your documentation
Stars: ✭ 81 (-3.57%)
Mutual labels:  gatsby

gatsby-plugin-google-fonts

How to use it ?

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

Add some fonts to your gatsby-config.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 ?

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].