Font family in CSS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of the font-family property in CSS?

The font-family property sets the typeface for text on a webpage, controlling how the text looks by choosing a font or a list of fonts.

beginner

How do you specify multiple fonts in font-family and why?

You list fonts separated by commas, like font-family: Arial, Helvetica, sans-serif;. This provides fallback fonts if the first is not available on the user's device.

beginner

What is a generic font family in CSS?

A generic font family is a broad category like serif, sans-serif, monospace, which tells the browser to use any font of that style if specific fonts are unavailable.

beginner

Why should font names with spaces be in quotes in font-family?

Font names with spaces (like "Times New Roman") must be in quotes so the browser reads the whole name as one font instead of separate words.

beginner

What happens if none of the fonts in font-family are available?

The browser uses the default font of the system or the generic font family specified last in the list to display the text.

Which CSS property controls the typeface of text?

A text-align

B font-size

C font-family

D font-weight

The font-family property sets the font type for text.

How do you write multiple fonts in font-family?

A Separate fonts with spaces

B Separate fonts with commas

C Use semicolons between fonts

D Write fonts inside parentheses

Fonts are separated by commas to provide fallback options.

Which is a generic font family in CSS?

A serif

B Times New Roman

C Arial

D Courier New

serif is a generic font family representing fonts with small lines at the ends of characters.

How should you write a font name with spaces in font-family?

A With single or double quotes

B Without quotes

C With parentheses

D With curly braces

Font names with spaces must be in quotes to be read correctly.

What does the browser do if no specified fonts are available?

A Shows an error

B Leaves text invisible

C Uses the first font anyway

D Uses the system default or generic font

The browser falls back to a generic or system default font to display text.

Explain how to use the font-family property to ensure text displays well on different devices.

Think about listing fonts and why quotes matter.

Describe what a generic font family is and give examples.

Generic fonts help browsers pick a similar style if specific fonts are missing.