Typography and spacing in material-ui

Material-UI does not include the Roboto font, it is up to you to include it in your project.

Quickly verify this by adding the following in the <head> element of your HTML and checking if your h1 header is styled:

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

If you want to download the Roboto font and include it in your static assets, you can get it from here: https://www.fontsquirrel.com/fonts/roboto

UPDATE:

material-ui now has Typography component:

<Typography variant="h1" component="h2">
  h1. Heading
</Typography>

Also there are possibilities for typography customizations and utilities to control alignment, wrapping, weight, and more.

OLD ANSWER:

material-ui 1.0 will come with Typography component: usage and API.

You can try it right now by installing material-ui@next:

npm install material-ui@next --save

Related