What Typography means
Most of a website is text, so typography shapes readability and brand feel. Aim for comfortable body text size, enough line height and a limited number of font families.
Why it matters for your website
Good type makes your pages easy to read, which keeps people on the page long enough to trust you and take action. Poor choices, like tiny gray text or long lines, make visitors work harder and can hurt accessibility.
Example
A hypothetical law firm increases its body text size, darkens the color and shortens line length, and its articles become much easier to read on phones.
Tips
- Use one or two font families at most across the whole site.
- Keep body text large enough to read comfortably on a phone.
- Keep line lengths moderate so readers do not lose their place.
Common mistakes
- Using light gray text on white that fails contrast checks.
- Loading many font weights and styles that slow down the page.
Questions about Typography
What is Typography?
The choice and styling of fonts, sizes, line spacing and line length.
What font size is best for websites?
Many sites use about 16 pixels or larger for body text, a common browser default. What matters most is that it reads comfortably on phones.
Do web fonts slow down a website?
They can, especially when you load many weights. Load only what you use, consider system fonts and use font-display settings to avoid invisible text.
