Importing the Google fonts

The new design uses two Google fonts: Karla and Rubik. While it’s possible to import them via a <link> tag, it’s easier to import them in a single location from your CSS file.

You import the fonts before importing Bulma. So at the top of custom.scss file, add:

@import url('https://fonts.googleapis.com/css?family=Karla:400,700|Rubik:400,500,700');

Since the fonts are a third-party dependency, it’s important to import them first.