CSS Text & Fonts

Definition: CSS gives you full control over text — its size, font, weight, alignment, and spacing.

The main text properties

• font-size — how big, e.g. 20px
• font-family — the typeface, e.g. Arial, sans-serif
• font-weight — bold or a number like 700
• text-align — left, center, or right
• line-height — spacing between lines

Example

h1 { font-family: Arial; text-align: center; }
p  { font-size: 18px; line-height: 1.6; color: #333; }

The font-family can list fallbacks: the browser uses the first one available, ending in a generic like sans-serif.

💡 Tip: a line-height of about 1.6 makes paragraphs much easier to read.