Example 10-size font scale

Size	Pixels	Mobile	Tablet	Desktop
1	12	A	A	A
2	16	B	B	B
3	18	C,E	E	E
4	20	F	C	C
5	24	G	F	F
6	26	D,H	G	G
7	34	I	D	D
8	38		H	H
9	50		I
10	60			I

The Size column above shows a shorthand for the entire scale (Sizes 1–10). The actual font-size values are indicated in the Pixels column. The letters in the 3rd, 4th, and 5th columns indicate standard text styles you'd need for headings, body text, etc. See the legend below for additional explanation.

Legend

A: Extra small text
(footer copyright text, image captions)
B: Small text
(less prominent text, such as in secondary cards or descriptive notes)
C: Medium text
(typical article body text)
D: Large text
(article intro text, pull quotes, or anything that needs to be slightly larger than body text)
E: Fifth heading size
(the smallest heading size which can be used in articles as well as small cards; this pairs well with the “Small text” style, but can still be used with “Medium text”)
F: Fourth heading size
G: Third heading size
H: Second heading size
(for standard page titles)
I: First heading size
(jumbo size for use on homepage heroes)

Size	Pixels	Mobile	Tablet	Desktop
1	12	A	A	A
2	16	B	B	B
3	18	C,E	E	E
4	20	F	C	C
5	24	G	F	F
6	26	D,H	G	G
7	34	I	D	D
8	38		H	H
9	50		I
10	60			I

Size	Pixels	Mobile	Tablet	Desktop
1	12	A	A	A
2	16	B	B	B
3	18	C,E	E	E
4	20	F	C	C
5	24	G	F	F
6	26	D,H	G	G
7	34	I	D	D
8	38		H	H
9	50		I
10	60			I

Size	Pixels	Mobile	Tablet	Desktop
1	12	A	A	A
2	16	B	B	B
3	18	C,E	E	E
4	20	F	C	C
5	24	G	F	F
6	26	D,H	G	G
7	34	I	D	D
8	38		H	H
9	50		I
10	60			I