Font

Choosing font sizes for responsive design

Choosing font sizes for responsive design
  1. Should font size be responsive?
  2. What font size is best for mobile design?
  3. What is the minimum recommended font size for responsive typography?

Should font size be responsive?

Responsive web design is not only about dynamic layouts, font size can be responsive too. On small screens, there's not much room so it makes sense to use the smallest font you can without compromising readability. The consensus is mobile font size should be 16px (source, source).

What font size is best for mobile design?

For iOS you should use text size that's at least 11 points so it's legible at a typical viewing distance without zooming. Minimal readable font size for Android is 12 sp, but it is highly recommended to use at least 14 sp for main text.

What is the minimum recommended font size for responsive typography?

Optimal font sizes for mobile

Body text - Font sizes should be at least 16px for body text. In some cases, you may be able to go smaller (for example. if a typeface has unusually large characters or you are using uppercase letters), with 14px being the smallest you should go.

Confirming an email on a e-commerce site, complete strategy
What is ecommerce order confirmation?How do you respond to a customer booking confirmation email? What is ecommerce order confirmation?An order conf...
How can I design this toggle button to make more sense?
What makes a great toggle button?What is the purpose of toggle button?How to create custom toggle button in android? What makes a great toggle butto...
Using on-page styles & scripts for entire website?
What does @page mean in CSS?What are the 3 types of styles?What are the 3 ways of inserting a style sheet and how does it work? What does @page mean...