: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 :

    1. ----- Headline .
    2. ----- Byline .
    3. ----- BodyText .

15. You can use :

    1. ----- Headline ===> Sans serif .
    2. ----- Byline ===> Serif .
    3. ----- BodyText ===> Serif .
16. Responsive text you must use : rem -- em .