Roboto

Sans Serif neo-grotesque par Christian Robertson #1 sur Google Fonts
Graisse

À propos Roboto

Conçue par Christian Robertson pour l'écosystème Material Design de Google, cette police sans-serif néo-grotesque est la plus utilisée sur le web et sur Android. Sa conception à double nature équilibre précision mécanique et rythme de lecture naturel, s'adaptant aussi bien aux libellés d'interface qu'aux longs textes. La police variable prend en charge les axes de chasse et de graisse, ainsi que les écritures cyrillique, grecque et latine étendue.

Design Analysis

Roboto is a neo-grotesque sans-serif with open curves and a mechanical skeleton balanced by friendly, geometric forms. Its letterforms feature a generous x-height and consistent stroke width, offering excellent legibility at small sizes. The dual nature of mechanical precision and organic curves gives it a neutral yet approachable personality.

Recommended Use Cases

Ideal for Android and Material Design interfaces where readability at varying densities is critical. Works well for body text in web applications and pairs naturally with Roboto Slab or Roboto Condensed for typographic hierarchy.

Table de caractères

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

Cascade de graisses (9)

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

Comment utiliser

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;500;600;700;800;900;400&display=swap');
font-family: 'Roboto', sans-serif;
brew install --cask font-roboto

Détails

Catégorie
Sans Serif
Graisses
9
Italique
Coréen
Designer
Christian Robertson
Licence
OFL
Version
Popularité
#1
Téléchargements
479

Utilisation de la licence

Usage webAutorisé
ImpressionAutorisé
Vidéo / DiffusionAutorisé
EmballageAutorisé
Intégration dans les appsAutorisé
Marque / LogoAutorisé
ModificationAutorisé

OFL — Gratuit pour usage personnel et commercial

Support linguistique

cyrillic cyrillic-ext greek greek-ext latin latin-ext math symbols vietnamese

Idéal pour

body_text web_apps ui_elements

Concepts typographiques

  • Baseline

    The invisible line on which most letters sit. Descenders extend below the baseline.

  • x-height

    The height of lowercase letters (like 'x') measured from the baseline. A key factor in perceived font size and readability.

  • Descender

    The part of a letter that extends below the baseline, as in 'g', 'j', 'p', 'q', 'y'.

  • Bowl

    The curved stroke creating an enclosed counter in letters like 'b', 'd', 'p', 'q'. The shape varies widely between typefaces.

  • Stem

    The main vertical stroke of a letter, such as the upright in 'l', 'b', 'd'. The heaviest stroke in most typeface designs.

  • Sans Serif

    A typeface without serifs — 'sans' means 'without' in French. Clean, modern appearance popular in digital design.

Articles sur Roboto