Roboto

Variable Font

Google's signature sans-serif typeface with smooth, modern letterforms

Category: sans-serif
License: OFL-1.1
Weights: 100-900
View CSS

Typography Controls

0em
TightNormalWide
1.20
TightNormalLoose

Preview

The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

All Weights

100
The quick brown fox jumps over the lazy dog
200
The quick brown fox jumps over the lazy dog
300
The quick brown fox jumps over the lazy dog
400
The quick brown fox jumps over the lazy dog
500
The quick brown fox jumps over the lazy dog
600
The quick brown fox jumps over the lazy dog
700
The quick brown fox jumps over the lazy dog
800
The quick brown fox jumps over the lazy dog
900
The quick brown fox jumps over the lazy dog

Size Samples

12px
The quick brown fox jumps over the lazy dog
16px
The quick brown fox jumps over the lazy dog
24px
The quick brown fox jumps over the lazy dog
32px
The quick brown fox jumps over the lazy dog
48px
The quick brown fox jumps over the lazy dog
64px
The quick brown fox jumps over the lazy dog

Paragraph

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing, and adjusting the space between pairs of letters.

The term typography is also applied to the style, arrangement, and appearance of the letters, numbers, and symbols created by the process. Type design is a closely related craft, sometimes considered part of typography; most typographers do not design typefaces, and some type designers do not consider themselves typographers.

Installation

NPM Package

npm install @typewe/roboto

CDN

<link rel="stylesheet" href="https://typeweave.com/api/fonts/roboto/css" />