Fonts and Typography Web Typography 2

Question 1

What is 'system font stack' in web typography?

Accepted Answer

A list of native OS fonts used as fallbacks

Answer

A system font stack is a CSS `font-family` declaration that uses the default UI fonts of each operating system, ensuring fast rendering without downloads.

Question 2

Which CSS property adjusts the spacing between individual characters on a webpage?

Accepted Answer

letter-spacing

Answer

`letter-spacing` controls the horizontal spacing between individual characters (also called tracking) in CSS.

Question 3

What is the purpose of a font 'fallback stack' in CSS?

Accepted Answer

To specify alternative fonts if the primary font fails to load

Answer

A fallback stack lists alternative fonts in order of preference so the browser can use the next available font if the primary one fails to load.

Question 4

What does 'FOUT' stand for in web typography?

Accepted Answer

Flash of Unstyled Text

Answer

FOUT (Flash of Unstyled Text) occurs when a browser renders text with a fallback font before the custom web font finishes loading.

Question 5

Which Google Fonts URL parameter requests only specific font weights to reduce load time?

Accepted Answer

wght

Answer

The `wght` parameter in Google Fonts URLs specifies which font weights to request, reducing unnecessary data transfer.

Fonts and Typography Practice Test

Fonts and Typography Practice Test

Fonts and Typography Web Typography 2