menuMDUIDocs
color_lens
mdui 2 est arrivé, basé sur Material Design 3 et les Web Components. Consultez la documentation de mdui 2 ici.

Police Roboto

Roboto est la police standard utilisée par Material Design ; le framework mdui intègre ce fichier de police.

Roboto contient 6 graisses différentes : 100, 300, 400, 500, 700 et 900, ainsi que deux styles de police : normal et italic.

Lecture associée

Spécifications Material Design : Style - Police

Démo Roboto

Thin

code
Exemple
font-weight:100;

Thin Italic

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

Light

code
Exemple
font-weight: 300;

Light Italic

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

Regular

code
Exemple
font-weight: 400;

Regular Italic

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

Medium

code
Exemple
font-weight:500;

Medium Italic

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

Bold

code
Exemple
font-weight:700;

Bold Italic

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

Black

code
Exemple
font-weight:900;

Black Italic

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

Supprimer Roboto

Si vous ne souhaitez pas utiliser Roboto, vous pouvez remplacer la police par défaut par une police personnalisée.

body {
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, sans-serif;
}
arrow_backPrevious
Couleur et thème
arrow_forwardNext
Grille réactive