Font style in CSS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What CSS property is used to change the style of the font, such as making it italic or normal?

The font-style property is used to change the style of the font. Common values are normal, italic, and oblique.

intermediate

What is the difference between italic and oblique in font-style?

italic uses a specially designed font style that slants the letters with a unique shape, while oblique simply slants the normal font without changing the letter shapes.

beginner

How do you make text normal (not italic or oblique) using CSS?

Use font-style: normal; to make text appear with the default upright style.

beginner

Can you apply font-style to any HTML element?

Yes, font-style can be applied to any element that contains text, such as <p>, <h1>, <span>, etc.

beginner

What is the default value of the font-style property?

The default value is normal, meaning text is shown without any slant or special style.

Which CSS property changes the font style to italic?

A font-variant

B font-weight

C text-decoration

D font-style

The font-style property controls whether text is normal, italic, or oblique.

What value of font-style makes text slanted but keeps the original letter shapes?

A normal

B italic

C oblique

D bold

oblique slants the text without changing letter shapes, unlike italic.

If you want text to appear upright and not slanted, which font-style value do you use?

A normal

B oblique

C italic

D underline

normal is the default and shows text without slant.

Can font-style be applied to a <span> element?

A Yes, because <code>&lt;span&gt;</code> can contain text

B No, only block elements can have font styles

C No, <code>font-style</code> only works on headings

D Yes, but only if inside a <code>&lt;div&gt;</code>

font-style works on any element with text, including inline elements like <span>.

What is the default font style for most browsers?

A italic

B normal

C oblique

D bold

By default, browsers show text with font-style: normal;.

Explain how the CSS font-style property affects text appearance and name its common values.

Think about how text can look normal, slanted, or specially styled.

Describe the difference between italic and oblique font styles in CSS.

One changes letter shapes, the other just tilts them.