Fonts

12th July 2018 by Pedr Browne

69 Words / 1 Minute Read

There are two fonts used in the starter. Both fonts are loaded from Google fonts.

  • Berkshire Swash link is used for the site and page titles
  • Source Code Pro link is used for everything else.

To use different fonts you will need to make changes in two places.

  • The fonts are loaded in the <head> of the site’s layout: src/html.jsx.
  • The font styles are declared in the CSSAPI config found in src/components/styles/api.js
 font: {
    title: `Berkshire Swash, cursive`,
    default: `Source Code Pro, monospace`,
  },