typeface in gatsby

1$ npm install typeface-rubik
2// Configuration
3// Now we’ll require the font in our gatsby-browser.js,
4// where we interact with the client-side of Gatsby.
5
6// gatsby-browser.js
7require("typeface-rubik");
8// And we can go ahead and call the font in our stylesheet/styled-components like we normally would.
9
10// src/styles/main.css
11body {
12  font: 400 18px Rubik, sans-serif;
13}