Dec 17, 2020 · Fonts always give me trouble, somehow such a common thing is really not easy to find information on. All tutorials online make it look extremely easy (including Gatsby's own), …

Nov 25, 2017 · According to Gatsby (react) Docs, gatsby-plugin-offline may prevent Google fonts from being requested on the server if they do not end in .css. I used Typography and ended up …

Aug 12, 2020 · I'm trying to add a Google Font (Mukta Malar) in my Gatsby site. I've seen many articles on adding Google fonts to a Gatsby site and most of them seem to use this plugin: …

Apr 23, 2021 · } Font family name is correct because, I opened the file font to check the correct spelling and also it shows correctly in the browser if I install the font and use it as: h1{ font …

Oct 19, 2017 · Here is the recommended way to use Font-Awesome icons in Gatsby: Add the following code snippet (mentioned in official react-fontawesome docs) in your higher …

I was using a self-hosted font in Gatsby and that was working well. Basically I had - a fonts/ folder in which all the .woff2 files were placed, with a fonts.css that had all the @font-face calls ...

Feb 25, 2022 · I have attempted to import the SCSS files more globally using the gatsby-browser.js file but that doesn't seem to filter down to child components. I have already tried …

Oct 16, 2021 · I ended up using gatsby-plugin-google-fonts to pre-load my selected font, which seems to predictably work. Really appreciate your comment though as it helped point me in …

Dec 31, 2021 · font-display: swap; } `; In my layout component I'm declaring this as a global style: <Global styles={defaultStyles} /> Unfortunately the fonts are not copied to the output of Gatsby …

May 3, 2021 · I am working on my first app in React (Gatsby) and Pagespeed Insights shows me the following error: screenshot I added Google Fonts using a plugin gatsby-plugin-google-fonts …