menu
Typography
person
code Github

Font

If you're looking for a specific font I would recommend to look at Google Fonts. However for this framework and for Material Design in general Roboto is used. To use Roboto you can use the code shown at the side/ below in the header tag.

If you need to change the font family it is recommended to change this in the settings.scss file. In this file you can specify the font family for each type scale

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=fallback" rel="stylesheet">

Type scale

Each type scale as defined in the documentation has its own class. Some type scales are already set to a specific HTML element:

h1 / .h1

h2 / .h2

h3 / .h3

h4 / .h4

h5 / .h5
h6 / .h6
.subtitle-1
.subtitle-2
body / .body-1
.body-2
.caption
.overline