menuMDUIDocs
color_lens
O novo mdui 2, baseado em Material Design 3 e Web Components, já foi lançado, veja a documentação do mdui 2.

Fonte Roboto

Roboto é a fonte padrão usada pelo Material Design, e o framework mdui inclui este arquivo de fonte.

Roboto inclui 6 pesos de fonte diferentes: 100, 300, 400, 500, 700, 900, e dois estilos de fonte: normal e itálico.

Leitura relacionada

Diretrizes de design do Material Design: Estilo - Tipografia

Demonstração do Roboto

Thin

code
Exemplo
font-weight:100;

Thin Italic

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

Light

code
Exemplo
font-weight: 300;

Light Italic

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

Regular

code
Exemplo
font-weight: 400;

Regular Italic

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

Medium

code
Exemplo
font-weight:500;

Medium Italic

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

Bold

code
Exemplo
font-weight:700;

Bold Italic

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

Black

code
Exemplo
font-weight:900;

Black Italic

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

Remover Roboto

Se você não desejar usar o Roboto, pode substituí-lo configurando uma fonte personalizada.

body {
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, sans-serif;
}
arrow_backPrevious
Cores e Temas
arrow_forwardNext
Sistema de grid