Home icon
Data Visualisation Guide

Fonts and typefaces

1 minute read

Typography

The words “font” and “typeface” used to mean different things, but today the two terms are used for the same thing: a set of letters sharing the same design. But a font (or a typeface) can have many “variants”, like italic, small caps and bold.

Google Fonts calls variants “styles”. Below are the 12 available styles of the Roboto font.

The text "Almost before we knew it, we had left the ground" in the Roboto font with increasing font weights

Source: fonts.google.com/specimen/Roboto

The numbers in the variant names in the image above refer to the weight of the variant. The higher the weight of a font variant the thicker the characters. A weight of 400 is the regular width, while 700 is the weight for bold fonts.

Some fonts will have many variants, with many weights and combinations of weights with italic variants. Other fonts have only one, or a few, variants. If you want to create visual hierarchy with the weights of your font, pick a font with at least 2 and preferably 3 or more weights.

Related pages

Fonts for numbers

Font connotations

Fonts

Serif vs Sans serif

Condensed fonts

Small fonts

Typography