Responsive WEB Design – Use legible font sizes
<a title="Responsive Web Design – Configure the Viewport" href="http://page-works look at here now.eu/responsive-web-design-configure-the-viewport/” target=”_blank”>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.
February 27, 2016 / varLab / 0