Working with Fonts and Typography
In this section, you will learn Gatsby’s approach to fonts and typography. You will also learn how to use different fonts for styling text in your project.
The three different kinds of fonts covered in this section are:
- Local fonts: For when you have your own custom font file.
- Web fonts: For when you want to use a font from a service like Google Fonts or Typekit Web Fonts.
- Typography.js framework: For when you want to use a predefined set of fonts from the Typography.js library.
Gatsby doesn’t have an opinion about which styling approach you choose. Almost every possible option is supported through official and community plugins. (If there isn’t a plugin yet for your favorite option, consider contributing one!)