Fonts and Typography Web Typography

Question 1

Which CSS property is used to specify the font family for text on a webpage?

Accepted Answer

font-family

Answer

The CSS `font-family` property specifies the font or list of fallback fonts to use for an element's text.

Question 2

What does the CSS `@font-face` rule allow web designers to do?

Accepted Answer

Load custom fonts from a server

Answer

`@font-face` allows designers to specify custom fonts that are downloaded from a server and applied to text on a webpage.

Question 3

Which unit is generally preferred for font sizes in responsive web design?

Accepted Answer

rem

Answer

`rem` (root em) is preferred in responsive web design because it scales relative to the root element's font size, making layouts easier to scale.

Question 4

What is a web-safe font?

Accepted Answer

A font pre-installed on most operating systems

Answer

Web-safe fonts are fonts that are pre-installed on virtually all operating systems, ensuring consistent rendering without custom loading.

Question 5

Which file format is most widely supported for web fonts across modern browsers?

Accepted Answer

WOFF2

Answer

WOFF2 (Web Open Font Format 2) offers the best compression and is supported by all modern browsers, making it the preferred web font format.

Fonts and Typography Practice Test