- What font size is best for mobile?
- What size should h1 be on mobile?
- Should I reduce mobile font size?
- Is 12 a normal font size?
What font size is best for mobile?
What is the Ideal Mobile Font Size? The ideal mobile site has text that is comfortably readable when the user is looking at their phone at a comfortable distance. The ideal base font size for mobile screens is 16 pixels. Anything smaller and users will have to pinch and zoom to read.
What size should h1 be on mobile?
Display text (Heading 1)
On mobile: 32px or 2em or smaller, since it uses up too much space. I use this as the maximum for my font sizes. For the other headings, you would pick some values in between that will still create a visual hierarchy. In most cases, you only need to style your <h1> to <h4> .
Should I reduce mobile font size?
On mobile, you have less room to display your content. Additionally, users typically hold the devices closer to their eyes than they would a laptop or desktop screen - which means your typefaces can (and should) be smaller than on desktop: Body text - Font sizes should be at least 16px for body text.
Is 12 a normal font size?
You can use different font sizes to give emphasis to different parts of your document. Font size is commonly expressed in points. Font sizes range from 8 point (extremely small) to 72 point (extremely large). The standard font size for most documents is 12 point.