Typography Tips: 10 Ways For Better Readability!

13
10 Typography Tips For Your Website To Give A Comfortable Reading Experience

Transcript of Typography Tips: 10 Ways For Better Readability!

Page 1: Typography Tips: 10 Ways For Better Readability!

10 Typography Tips For Your Website To Give A Comfortable Reading Experience

Page 2: Typography Tips: 10 Ways For Better Readability!

Show a clear typography hierarchy.

Page 3: Typography Tips: 10 Ways For Better Readability!

Distinguish macro and micro typography

properly.

Page 4: Typography Tips: 10 Ways For Better Readability!

Contrast font colors with the website background color.

Page 5: Typography Tips: 10 Ways For Better Readability!

CSS brings consistency

between the entire website and typography.

Page 6: Typography Tips: 10 Ways For Better Readability!

Skip the centered text and side align

your text.

Page 8: Typography Tips: 10 Ways For Better Readability!

Use quotes and symbols within the text.

Page 9: Typography Tips: 10 Ways For Better Readability!

Give an option of font resizing.

Page 10: Typography Tips: 10 Ways For Better Readability!

Sans Sarifcould always be the best bet!

Page 11: Typography Tips: 10 Ways For Better Readability!

Kerning up-side down allows to see

clear letterforms and spaces without

actually reading thetext.

Page 12: Typography Tips: 10 Ways For Better Readability!

Blur your text to keep focus on

the contrast and whitespace of letterforms.