Roboto

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

About Roboto

صمّم Christian Robertson هذا الخط لنظام Material Design من Google، وهو خط sans-serif نيو-غروتيسك يُعدّ الأكثر استخدامًا على الويب وأندرويد. يوازن تصميمه المزدوج الطبيعة بين الدقة الميكانيكية وإيقاع القراءة الطبيعي، مما يجعله مناسبًا بالقدر نفسه لتسميات واجهات المستخدم والنصوص الطويلة. يدعم الخط المتغير محاور العرض والوزن إلى جانب الكتابة السيريلية واليونانية واللاتينية الموسّعة.

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
✓
الكوريّة
✗
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