menuMDUIDocs
color_lens
El nuevo mdui 2 basado en Material Design 3 y Web Components ya está disponible. Consulta la documentación de mdui 2 ahora.

Fuente Roboto

Roboto es la fuente estándar utilizada por Material Design, y el framework mdui incluye estos archivos de fuente.

Roboto incluye 6 pesos de fuente diferentes: 100, 300, 400, 500, 700 y 900, además de dos estilos: normal e itálica.

Lectura relacionada

Pautas de diseño de Material Design: Estilo - Tipografía

Demo de Roboto

Thin

code
Ejemplo
font-weight:100;

Thin Italic

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

Light

code
Ejemplo
font-weight: 300;

Light Italic

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

Regular

code
Ejemplo
font-weight: 400;

Regular Italic

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

Medium

code
Ejemplo
font-weight:500;

Medium Italic

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

Bold

code
Ejemplo
font-weight:700;

Bold Italic

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

Black

code
Ejemplo
font-weight:900;

Black Italic

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

Quitar Roboto

Si no deseas usar Roboto, puedes sobrescribir la fuente predeterminada con una personalizada.

body {
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, sans-serif;
}
arrow_backPrevious
Color y Temas
arrow_forwardNext
Sistema Grid