Type is an important tool Developers use. A website is 95% typography.
Typography can make or break your website's aesthetic and readability. What font should I choose? What should be bold? What is tracking?
Here is your go-to guide for High-Caliber Typography

Thread
Typography can make or break your website's aesthetic and readability. What font should I choose? What should be bold? What is tracking?
Here is your go-to guide for High-Caliber Typography


Thread

1/ Choosing the Right Font is critical 
Serif fonts can be more pleasant for long text, while sans-serif can be loud for headlines and callouts
Choose fonts that goes with your brand
For your blog, choose simple font. For a Landing page, choose big, bold font

Serif fonts can be more pleasant for long text, while sans-serif can be loud for headlines and callouts
Choose fonts that goes with your brand
For your blog, choose simple font. For a Landing page, choose big, bold font
2/ Size Matters 
Text-heavy web pages should have larger text sizes. Base text size can be 18px with secondary text being 14px and large text up to 36px
For Interaction-heavy pages, use smaller text, like 14px and 12px, to not interfere with images and graphics.

Text-heavy web pages should have larger text sizes. Base text size can be 18px with secondary text being 14px and large text up to 36px
For Interaction-heavy pages, use smaller text, like 14px and 12px, to not interfere with images and graphics.
3/ Font weights add variety 
Font weights establishes hierarchy and easily make your website pop
Want something to appear more important? Make it bold. Want something to be easily readable, use a regular weight. Want something to appear smaller? Make it thin.

Font weights establishes hierarchy and easily make your website pop
Want something to appear more important? Make it bold. Want something to be easily readable, use a regular weight. Want something to appear smaller? Make it thin.
4/ Tracking and Leading allow your to website breathe 
Tracking is the space between the letters of a word, while Leading is the space between each line
Use looser leading smaller text and readability. Tighter tracking for condensing heading length.

Tracking is the space between the letters of a word, while Leading is the space between each line
Use looser leading smaller text and readability. Tighter tracking for condensing heading length.
5/ End
Remember:
1. Choose the right font
2. Make sure your text size is appropriate
3. Use a variety of font weight to make your website pop
4. Use leading and tracking strategically
Remember:
1. Choose the right font
2. Make sure your text size is appropriate
3. Use a variety of font weight to make your website pop
4. Use leading and tracking strategically