Couldn’t be simpler, right? Well, everything was fine until I realized how Gatsby handled my index.html file.Įach time you run the development server (as well as when you prepare a production build for deployment), the index file is recompiled to look something like this: This app works best with JavaScript enabled. In this case, the fonts Roboto and Roboto Mono (in weights 400 and 700) will be made available to assign to font-family in your site. Usually this is done by including code like this in the Head of your HTML document: Title! By adding their link to your HTML files, you have access to an enormous catalog of fonts to use on your site. Google Fonts is a fantastic resource for using beautiful typefaces, designed by actual type designers, anywhere on the web. The only issue I ran into at first, was integrating Google Fonts. I recently used it to build an updated portfolio site for myself, and I love how simple it is to use right out of the box. Gatsby’s great, right? It’s a powerful little React-based framework that makes building static websites and apps super easy.
0 Comments
Leave a Reply. |