Roboto

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

About Roboto

Projetada por Christian Robertson para o ecossistema Material Design do Google, esta sans-serif neo-grotesca é a tipografia mais utilizada na web e no Android. Seu design dual equilibra precisão mecânica com ritmo de leitura natural, funcionando igualmente bem em rótulos de interface e textos longos. A fonte variável suporta eixos de largura e peso, além dos alfabetos cirílico, grego e latino estendido.

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
✓
Coreano
✗
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