LESSON 33 OF 100

Emphasise text with weight

Use weight 700 for an important introduction.

Official sourceW3C CSS Fonts — font-weightReviewed: 2026-08-26
STEP 1 · LEARN

How it works

font-weight selects a lighter or heavier face from the available family. The value 700 commonly corresponds to bold.

Correct example
.lead { font-weight: 700; }

The numeric value 700 requests a bold weight.

Common mistake
.lead { font-weight: 70; }

70 is not the standard numeric weight requested by the exercise.

STEP 2 · APPLY

Your exercise

Complete the rule for .lead with font-weight: 700.

STEP 3 · BUILD

Write and see the result

index.htmlCSS
Safe resultisolated
The draft stays only in this browser.HTML and CSS allowed · scripts and network blocked
STEP 4 · CHECK

What needs to pass

0%not checked
  • The font-weight declaration uses 700.
  • The target element is present on the page.
Explain the solution logic

The selector identifies the element, and font-weight: 700 applies the exact requested change.