:rocket: Meaningful Mobile Typography

1. Sans serif typeface is easier to read on the screen .

2. Text color mostly used : { Black -- White -- Gray }.

3. Common text color that mostly used : { #ododod -- #0f0f0f -- #141414}.

4. Use some spaces between words to add more readability to your website .

5. Line height as Golden Ratio = 1.618.

6. Add alignment : Left -- Center -- Right .

7. Avoid : Justify text.

8. Use Left alignment for larger blocks of text.

9. Use Center alignment for short bit of a text or special.

10. Try to mixing Center and Left justified option.

11. If text is aligned well , users will easly be able to consume your content .

12. Users should not have to pinch and zoom to read the words on the screen .

13. Creating hierarchy for most designs , from Left to Right & Top to Bottom .

14. The visual hierarchy need just two or three level of typography :

15. ----- Headline .

16. ----- Byline .

17. ----- BodyText .

18. You can use :

19. ----- Headline ===> Sans serif .

20. ----- Byline ===> Serif .

21. ----- BodyText ===> Serif .

22. Responsive text you must use : rem -- em .