Computer scienceFrontendCSSResponsive Web Design

Best Practices in Responsive Web Design

Optimising typography

Report a typo

Connect the best practices to follow when it comes to optimizing your typography with the correct RWD practice.

Match the items from left and right columns
Font size
Font weights
Spacing
Font style
Line height
Font
don't use a font that is too decorative and difficult to read
incorporate different font styles to emphasize a certain text, or add a hierarchy to website design
use a line height that is not too tight or too loose. Stick to 1.5 to 2 times the font size rule
create spacing between the elements for a balanced and visually appealing design
use a bigger font size for the desktop version, and a smaller for the mobile version
create contrast and hierarchy with font weights. Use bold for headings and subheadings, and lighter fonts for body text.

Create a free account to access the full topic