UI Element Sizes

Back to Device Detection

This page has disabled the ability to zoom so that its contents appear as 100% of their intended size on a device.

Buttons | Text | Video

Button Sizes

20px

30px

40px

45px

50px

55px

60px

65px

70px

Text Sizes

Default Sans-Serif

Pt Size	Px Size	Example Text
9pt	12px	The quick brown fox jumps over the lazy dog
10pt	13px	The quick brown fox jumps over the lazy dog
10.5pt	14px	The quick brown fox jumps over the lazy dog
12pt	16px	The quick brown fox jumps over the lazy dog
14pt	19px	The quick brown fox jumps over the lazy dog
16pt	22px	The quick brown fox jumps over the lazy dog

Default Serif

Pt Size	Px Size	Example Text
9pt	12px	The quick brown fox jumps over the lazy dog
10pt	13px	The quick brown fox jumps over the lazy dog
10.5pt	14px	The quick brown fox jumps over the lazy dog
12pt	16px	The quick brown fox jumps over the lazy dog
14pt	19px	The quick brown fox jumps over the lazy dog
16pt	22px	The quick brown fox jumps over the lazy dog

Open Sans

Pt Size	Px Size	Example Text
9pt	12px	The quick brown fox jumps over the lazy dog
10pt	13px	The quick brown fox jumps over the lazy dog
10.5pt	14px	The quick brown fox jumps over the lazy dog
12pt	16px	The quick brown fox jumps over the lazy dog
14pt	19px	The quick brown fox jumps over the lazy dog
16pt	22px	The quick brown fox jumps over the lazy dog

Roboto

Pt Size	Px Size	Example Text
9pt	12px	The quick brown fox jumps over the lazy dog
10pt	13px	The quick brown fox jumps over the lazy dog
10.5pt	14px	The quick brown fox jumps over the lazy dog
12pt	16px	The quick brown fox jumps over the lazy dog
14pt	19px	The quick brown fox jumps over the lazy dog
16pt	22px	The quick brown fox jumps over the lazy dog

Lato

Pt Size	Px Size	Example Text
9pt	12px	The quick brown fox jumps over the lazy dog
10pt	13px	The quick brown fox jumps over the lazy dog
10.5pt	14px	The quick brown fox jumps over the lazy dog
12pt	16px	The quick brown fox jumps over the lazy dog
14pt	19px	The quick brown fox jumps over the lazy dog
16pt	22px	The quick brown fox jumps over the lazy dog

Video

Generally, video should be set to scale to the width of the viewport. These video sizes are full and unscaled.

640 x 360

854 x 480