MDesign typography

The standard font for MD Bootstrap is beautiful "Roboto" from Google.

Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.

You can easily use all variatons of Roboto by adding following classes to your html elements:

.thin-100

Grumpy wizards make toxic brew for the evil Queen and Jack.

.thin-100-italic

Grumpy wizards make toxic brew for the evil Queen and Jack.

.light-300

Grumpy wizards make toxic brew for the evil Queen and Jack.

.light-300-italic

Grumpy wizards make toxic brew for the evil Queen and Jack.

.normal-400

Grumpy wizards make toxic brew for the evil Queen and Jack.

.normal-400-italic

Grumpy wizards make toxic brew for the evil Queen and Jack.

.medium-500

Grumpy wizards make toxic brew for the evil Queen and Jack.

.medium-500-italic

Grumpy wizards make toxic brew for the evil Queen and Jack.

.bold-700

Grumpy wizards make toxic brew for the evil Queen and Jack.

.bold-700-italic

Grumpy wizards make toxic brew for the evil Queen and Jack.

.ultra-bold-900

Grumpy wizards make toxic brew for the evil Queen and Jack.

.ultra-bold-900-italic

Grumpy wizards make toxic brew for the evil Queen and Jack.


Headers

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6

* All code examples are taken from the Material design website.