The new mdui 2 based on Material Design 3 and Web Components is now available. Check out the mdui 2 documentation.

Roboto Font

Roboto is the standard font used by Material Design, and the mdui framework includes these font files.

Roboto includes 6 different font weights: 100, 300, 400, 500, 700, and 900, along with two styles: normal and italic.

Roboto Demo

Example

font-weight:100;

Example

font-weight: 100;
font-style: italic;

Example

font-weight: 300;

Example

font-weight: 300;
font-style: italic;

Example

font-weight: 400;

Example

font-weight: 400;
font-style: italic;

Example

font-weight:500;

Example

font-weight: 500;
font-style: italic;

Example

font-weight:700;

Example

font-weight: 700;
font-style: italic;

Example

font-weight:900;

Example

font-weight: 900;
font-style: italic;

If you do not wish to use Roboto, you can override the default font with a custom one.

body {
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, sans-serif;
}