Configure the viewport to make sure fonts will be scaled as expected across various devices.
- Use a base font size of 16 CSS pixels. Adjust the size as needed based on the font used.
- Use sizes relative to the base size to define the typographic scale.
- Text needs vertical space between its characters and may need to be adjusted for each font. The general recommendation is to use the browser default line-height of 1.2em.
- Restrict the number of fonts used and the typographic scale: too many fonts and font sizes lead to messy and overly complex page layouts.