Step 1: Choose your type classification, typeface, and font
As you make your selections, remember:
- Type classification is a general system to describe styles of type. Two of the most popular type classifications are serif and sans serif.
- A typeface is the overall style of a letter. Typefaces are distinguished by their stroke weight, shape, type of serif, and line lengths. A few examples of typefaces include: Times New Roman, Helvetica, and Cambria.
- After you’ve chosen a type classification and typeface, it’s time to select a font. Remember, font is the size, thickness, and emphasis of letters.
- The difference between typeface and font can be a little confusing, so let’s take a look at this example.In this case, the typeface is Roboto. The font can be more light or bold, italicized or regular, and even more variations.

If you choose a font for buttons, all buttons should be consistent. It's the same for headers and subheaders.
Step 2: Examine your type hierarchy
- This is a method of ordering typefaces and fonts in a layout to create divisions that show users where to focus and how to find information.
- Be sure to have at least two sizes for text: a smaller size that’s used for longer text passages, and a larger size that’s used for titles and headings.
