Typeface is the design of the letters (e.g., Rethink Sans, Poppins). Font refers to a specific style or weight within that typeface (e.g., Poppins Bold 16px).

In simple terms, typeface is the family, and font is the individual member within the family.

Types of Fonts

1. Serif Fonts:

• Serif fonts have small lines attached to the end of strokes in letters. These fonts are seen as formal, traditional, and trustworthy.
• Examples: Times New Roman, Georgia, Merriweather.
• Use Case: Print media, high-end brands, blogs, and news websites for body text. Gives a classic, professional feel.

1. Sans-Serif Fonts:

• Sans-serif fonts are clean, modern, and lack the “feet” at the end of strokes.
• Examples: Helvetica, Arial, Roboto, Open Sans.
• Use Case: Digital screens, UI interfaces, tech websites, and modern brands. Best for readability on screens.

1. Script Fonts:

• Mimic handwriting or calligraphy and are decorative in nature.
• Examples: Brush Script, Lobster, Pacifico.
• Use Case: Should be used sparingly for logos or headings. Avoid for body text as they are hard to read in long form.