Roboto Font
A neo-grotesque sans-serif typeface family developed by Google as the system font for its mobile operating system Android.
Available Weights
100, 300, 400, 500, 700, 900
Font Specimen
Preview Roboto at different weights.
Weight 100
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 300
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 400
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 500
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 700
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 900
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
How to Use
Add Roboto to your website with Google Fonts.
HTML (in <head>)
<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:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
CSS
font-family: 'Roboto', sans-serif;
Pairs Well With
Fonts that complement Roboto.
Compare Roboto
See how Roboto compares to other fonts.