Font weight in CSS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does the CSS property font-weight control?

The font-weight property controls how thick or thin the text appears on the screen.

beginner

Name three common values you can use with font-weight.

Common values are normal (default thickness), bold (thicker text), and numeric values like 400 (normal) or 700 (bold).

intermediate

What numeric range can font-weight values take?

Numeric values range from 100 (thin) to 900 (extra bold), increasing in steps of 100.

beginner

How would you make text bold using CSS?

Use font-weight: bold; or font-weight: 700; in your CSS rule for the text element.

beginner

True or False: The font-weight property affects the size of the text.

False. font-weight changes the thickness of the text, not its size.

Which CSS value makes text appear thicker?

A font-weight: thin;

B font-weight: bold;

C font-weight: normal;

D font-weight: light;

font-weight: bold; makes text thicker. Others like thin or light make it thinner.

What numeric value corresponds to normal font weight?

A 400

B 100

C 700

D 900

The numeric value 400 is the standard for normal font weight.

Which is NOT a valid font-weight value?

A 500

B bold

C normal

D extra-bold

extra-bold is not a valid CSS font-weight value.

If you want very thin text, which value should you use?

A 100

B bold

C 900

D normal

The numeric value 100 makes text very thin.

Does font-weight change the font size?

A Yes, it makes text smaller

B Yes, it makes text bigger

C No, it only changes thickness

D Only in some browsers

font-weight changes only the thickness of the text, not the size.

Explain how the font-weight property affects text appearance and list some common values.

Think about how thick or thin letters look.

Describe the difference between using named values and numeric values for font-weight.

Consider how you can be more precise with numbers.