menuMDUIDocs
color_lens
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

Thin

Example
font-weight:100;

Thin Italic

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

Light

Example
font-weight: 300;

Light Italic

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

Regular

Example
font-weight: 400;

Regular Italic

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

Medium

Example
font-weight:500;

Medium Italic

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

Bold

Example
font-weight:700;

Bold Italic

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

Black

Example
font-weight:900;

Black Italic

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

Remove Roboto

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;
}