Roboto

Sans Serif neo-grotesque by Christian Robertson #1 on Google Fonts
Download Google Fonts
Weight

About Roboto

Conçue par Christian Robertson pour l'écosystème Material Design de Google, cette police sans-serif néo-grotesque est la typographie la plus utilisée sur le web et Android. Son design à double nature équilibre précision mécanique et rythme de lecture naturel, la rendant aussi à l'aise dans les libellés d'interface que dans les textes longs. La police variable prend en charge les axes de largeur et de graisse, ainsi que les scripts cyrilliques, grecs et latins étendus.

Character Map

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

Weight Waterfall (9)

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

How to Use

<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

Details

Category
Sans Serif
Style
neo-grotesque
Weights
9
Italic
✓
Coréen
✗
Designer
Christian Robertson
License
OFL
Version
Popularity
#1
Downloads
1

License Usage

Web useAllowed
PrintAllowed
Video / BroadcastAllowed
PackagingAllowed
App embeddingAllowed
Brand / LogoAllowed
ModificationAllowed

OFL — Free for personal & commercial use

Language Support

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

Best For

mobile-app web-app body-text

Similar Fonts

Typography Concepts

  • 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 About Roboto

Typography Fundamentals
Typographic Color: Achieving Even Text Texture
 Font Selection
Choosing Fonts for Your Brand: A Strategic Framework
 Web Performance
Preventing Layout Shift (CLS) from Font Loading
 Typography Fundamentals
Typeface vs. Font: What's the Difference and Why It Matters