Be able to specify the font properties including font family, size, colour, alignment, bold, italic

📚 21 Website Authoring – Font Properties

1️⃣ Font Family – Picking the Right Typeface

Times New Roman – feels like a classic, sturdy book.

Arial – light, modern, like a clean whiteboard.

2️⃣ Font Size – Making Text Readable

12 px – small, good for footnotes.

24 px – large, great for headings.

3️⃣ Font Colour – Adding Personality

Blue text – calm and trustworthy.

Green text – fresh and energetic.

4️⃣ Text Alignment – Guiding the Reader’s Eye

Left‑aligned – natural reading flow.

Center‑aligned – perfect for titles.

Right‑aligned – useful for captions.

5️⃣ Bold & Italic – Emphasising Ideas

Bold text – grabs attention.

Italic text – adds emphasis or a quote.

6️⃣ Quick Reference Table

7️⃣ Practice Exercise

1. Choose a heading and set it to font-family: 'Georgia', serif; font-size: 32px; color: #006400;
2. Write a short paragraph in font-weight: bold; font-style: italic; to show emphasis.
3. Align the paragraph to the center and give it a background color: #e0f7fa;

8️⃣ Tips & Tricks

• Use web‑safe fonts like Arial, Verdana, or Times New Roman to ensure consistency across browsers.
• Keep font sizes between 12–24 px for body text to maintain readability.
• Use color contrast wisely – dark text on a light background is easiest to read.
• Bold and italic should be used sparingly to avoid visual clutter.