- What are some factors you should consider when selecting a font to be used on a responsive website?
- Which is the best rule to follow when you decide on the number of fonts to use?
What are some factors you should consider when selecting a font to be used on a responsive website?
The font size on a website should be responsive to the screen size that displays it. In general, a font should be 12-16pt on a mobile screen, 15-19pt on a tablet, and 16-20pt on a desktop computer screen. Factors like type size, line height, and line length should also be considered.
Which is the best rule to follow when you decide on the number of fonts to use?
In general, limit the number of font families to a minimum (two is plenty, one is often sufficient) and stick to the same ones through the entire website. If you do use more than one font, ensure the font families complement each other based on their character width. Take the example of fonts combinations below.