Roboto

Essayer Roboto

Graisses et styles

• Thin 100Roboto Thin Thin Italic
• ExtraLight 200Roboto ExtraLight ExtraLight Italic
• Light 300Roboto Light Light Italic
• Regular 400Roboto Regular Italique
• Medium 500Roboto Medium Medium Italic
• SemiBold 600Roboto SemiBold SemiBold Italic
• Bold 700Roboto Bold Bold Italic
• ExtraBold 800Roboto ExtraBold ExtraBold Italic
• Black 900Roboto Black Black Italic

Roboto est une police variable : le téléchargement contient toute la plage de graisses dans un fichier par style, et les graisses nommées ci-dessus sont des positions sur cette plage.

À propos de Roboto

Roboto est une famille sans empattements que la description officielle présente comme double : un squelette mécanique et largement géométrique, associé à des courbes ouvertes et accueillantes. Les lettres gardent leur largeur naturelle au lieu d’être contraintes à un rythme rigide, ce que la description rattache au rythme de lecture des caractères humanes et à empattements. Dans le spécimen, les traits sont réguliers, le a est à double étage et le R capital repose sur une jambe diagonale droite. Depuis juillet 2020, Roboto est une police variable à deux axes : la graisse de 100 à 900 et la chasse de 75 à 100, l’extrémité étroite correspondant à l’ancienne Roboto Condensed. Neuf graisses nommées existent en romain et en italique, soit 18 styles. Ses 1 326 glyphes couvrent les jeux latin, cyrillique, grec et vietnamien. Les crédits citent Christian Robertson, ParaType et Font Bureau, et la licence est la SIL Open Font License 1.1.

Où utiliser Roboto

Interfaces d’applications et de sites

Neuf graisses avec italiques couvrent tous les niveaux d’une interface, des chiffres de titrage en Thin aux boutons en Bold.

Tableaux denses et panneaux latéraux

L’axe de chasse descend jusqu’à 75, ce qui fait tenir plus de caractères dans une colonne sans quitter la famille.

Texte courant

Les lettres gardent leur largeur naturelle, ce que la description officielle crédite d’un rythme de lecture plus naturel dans les paragraphes.

Produits en plusieurs écritures

Les jeux latin, cyrillique, grec et vietnamien permettent à une seule famille de servir de nombreuses versions linguistiques.

Systèmes qui demandent des compagnes égyptienne et à chasse fixe

La description officielle cite Roboto Slab et Roboto Mono comme membres de la même superfamille, pour les titres et le code.

Glyphes

Langues prises en charge

La famille contient les lettres de base qui servent à écrire ces langues :

• Anglais
• Français
• Allemand
• Espagnol
• Portugais
• Italien
• Néerlandais
• Suédois
• Norvégien
• Danois
• Finnois
• Islandais
• Catalan
• Turc
• Polonais
• Tchèque
• Slovaque
• Hongrois
• Roumain
• Croate
• Slovène
• Lituanien
• Letton
• Estonien
• Vietnamien
• Russe
• Ukrainien
• Bulgare
• Grec

Autres systèmes d’écriture que le latin couverts par la famille : Cyrillique, Grec. Il s’agit de systèmes d’écriture, pas d’une garantie pour chaque langue qui les utilise.

Jeux de caractères trouvés dans les fichiers : cyrillic, cyrillic-ext, greek, latin, latin-ext, vietnamese. La liste des langues vérifie la présence des lettres nécessaires dans la police ; elle ne garantit pas la qualité typographique dans chaque langue.

Licence

Polices à associer à Roboto

Ces suggestions reposent sur des règles simples appliquées aux fiches : une classification contrastée et assez de graisses pour le texte courant. C’est un point de départ, pas un verdict.

Utiliser Roboto sur le web

Téléchargez la famille, hébergez les fichiers sur votre propre site, puis déclarez-les en CSS. Merci de ne pas pointer vers les fichiers de trendhub.net : les fichiers d’aperçu sont des sous-ensembles et leurs adresses changent.

@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Roboto", sans-serif;
}

Vous pouvez aussi la charger depuis la source officielle. Google Fonts sert Roboto avec ce code :

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

À savoir

L’axe de chasse va de 75 à 100

Il resserre le dessin vers l’ancienne Roboto Condensed ; il ne l’élargit pas.

Deux fichiers variables

Le romain et l’italique sont des fichiers distincts, chacun avec les deux axes.

Questions fréquentes

Collections avec Roboto

• Polices sans empattements nettes pour les interfaces d’applications

  Familles sans empattements sous licence libre qui restent lisibles dans les boutons, les menus, les tableaux et les écrans de réglages, avec les graisses dont une interface a besoin.

• Polices variables avec axe de chasse

  Familles variables dont la largeur des lettres se règle en plus de la graisse, d’un léger resserrement pour ajuster le texte à une gamme complète du condensé à l’élargi.

• Systèmes de polices assorties : linéale, empattements et chasse fixe

  Familles conçues pour être utilisées ensemble : une linéale, une police à empattements ou égyptienne et souvent une à chasse fixe, qui partagent proportions, graisses et caractère.

Polices similaires

Autres familles de la même classification, classées selon leurs usages communs. Toutes les polices sans empattements