Question 1

As more users access the web using smaller devices, type design becomes less important.

Accepted Answer

As more users access the web using smaller devices, type design becomes even more important in order to ensure legibility and readability on these devices with limited screen space.

Question 2

____ fonts have strokes that finish the top and bottom of each letter.

Accepted Answer

Serif fonts have small strokes or lines that finish the top and bottom of each letter, making them more traditional and classic in appearance. Times is a specific serif font, but not all serif fonts are Times. Sans-serif fonts (B) do not have these strokes and tend to have a more modern and clean appearance. Block (D) is not a common category of fonts and does not describe a specific style of font.

Question 3

Including text as graphics means users cannot search for that text.

Accepted Answer

Text included as graphics cannot be searched or recognized as text by search engines or assistive technologies.

Question 4

The font-family property only allows you state a generic font-family name such as sans-serif.

Accepted Answer

The font-family property in CSS allows you to specify not only generic family names like "sans-serif" or "serif" but also specific font family names like "Arial" or "Times New Roman".

Question 5

Negative values for the text-indent property let you create a hanging indent.

Accepted Answer

Negative values for the text-indent property create a hanging indent, where the first line of text is positioned to the left of the rest of the paragraph.

Question 6

In CSS, the em unit is equal to the font size of an element.

Accepted Answer

The em unit is a relative unit in CSS and is equivalent to the computed value of the font-size property of the element on which it is used.

Question 7

In general, ____ text on a ____ background is easiest to read.

Accepted Answer

The answer of In general, ____ text on a ____...

Question 8

In strict typography terms, a font is the name of the type, such as Times New Roman or Futura Condensed.

Accepted Answer

In strict typography terms, a "typeface" is the name of the style of lettering, such as Times New Roman or Futura Condensed, while a "font" refers to the specific variation of the typeface including attributes like size, weight, and style.

Question 9

You should always include fallback values in case the browser has a problem downloading  the primary font.

Accepted Answer

Including fallback values ensures that users will still be able to read the content on your website if the primary font fails to load for any reason.

Question 10

____ values are always relative to another value.

Accepted Answer

Percentage values are always relative to another value, typically the size of the parent container.

Question 11

Which unit is equal to the height of the lowercase x in any given font?

Accepted Answer

The unit "ex" is a relative measurement based on the height of the lowercase letter "x" in any given font. Therefore, A) ex is the best choice for the given question.

Question 12

If you design your pages using a font that your user does not have installed, the browser defaults to ____ on a Macintosh.

Accepted Answer

When a specified font is not available on a user's system, Macintosh browsers typically default to Times font. This is a standard fallback behavior to ensure text remains readable, even if the preferred font is missing.

Question 13

Which of the following became a W3C Recommendation in 2012 and offers a single interoperable format for web fonts?

Accepted Answer

WOFF (Web Open Font Format) became a W3C (World Wide Web Consortium) Recommendation in 2012 and is a widely supported format for web fonts, offering a single interoperable format that addresses both the technical and commercial challenges of web typography. CSS3 and Times are both web-related technologies, but are not specifically related to web fonts. SERIF is a font classification and not a technology.

Question 14

You generally want to use absolute units for web pages because they can be scaled to an individual user's display type.

Accepted Answer

Absolute units like pixels, points, and inches are fixed and do not adjust to the user's display type or settings. Relative units like percentages, ems, and rems are better suited for scaling to different display types and sizes.

Question 15

The ____ is a printing measurement, traditionally equal to the horizontal length of the capital M in any given font size.

Accepted Answer

The em is a unit of measurement in the field of typography, equal to the currently specified point size. For example, one em in a 16-point typeface is 16 points. Thus, it varies with each font size. Traditionally, it was equal to the horizontal length of the capital M in the given type size, which is where the term originates.

Question 16

The computer screen has a higher resolution than the printed page, making fonts that are legible on paper easier to read on-screen.

Accepted Answer

The statement is false. The printed page typically has a higher resolution than a computer screen and therefore, fonts that are legible on-screen may appear blurry or difficult to read when printed.

Question 17

When you work with type, which of the following is NOT a principle to follow for creating an effective design?

Accepted Answer

Using text as graphics can make it difficult to read and should be avoided in order to design for legibility.

Question 18

Designing for the web restricts your ____ choices to those that your users have installed on their computers.

Accepted Answer

Designing for the web restricts your font choices to those that your users have installed on their computers. While you have control over font size and color, it is important to choose a font that is widely available to ensure that your website appears the way you intended for the majority of your users.

Question 19

Which type of font is a fixed-width font?

Accepted Answer

A fixed-width font is also known as a monospace font, which means that each character takes up the same amount of space, giving a uniform appearance to the text. Examples of monospace fonts include Courier and Consolas. Cursive, serif, and sans-serif fonts do not have a fixed width for their characters.

Question 20

Don't use the line-height property because it will usually decrease the legibility of your text.

Accepted Answer

This statement is not always true. While setting a very high or very low line-height can decrease legibility, using an appropriate line-height value can actually improve legibility and readability of text. It's important to choose a line-height value that works well with your chosen font size and typeface to ensure optimal legibility.

Quiz 5: Web Typography