Deck 5: Web Typography

Full screen (f)
exit full mode
Question
As more users access the web using smaller devices, type design becomes less important.
Use Space or
up arrow
down arrow
to flip the card.
Question
____ fonts have strokes that finish the top and bottom of each letter.

A) Times
B) Sans-serif
C) Serif
D) Block
Question
Including text as graphics means users cannot search for that text.
Question
The font-family property only allows you state a generic font-family name such as sans-serif.
Question
Negative values for the text-indent property let you create a hanging indent.
Question
In CSS, the em unit is equal to the font size of an element.
Question
In general, ____ text on a ____ background is easiest to read.

A) lighter; light
B) light; dark
C) darker; dark
D) dark; light
Question
In strict typography terms, a font is the name of the type, such as Times New Roman or Futura Condensed.
Question
You should always include fallback values in case the browser has a problem downloading  the primary font.
Question
____ values are always relative to another value.

A) Pixel
B) Point
C) Percentage
D) Absolute
Question
Which unit is equal to the height of the lowercase x in any given font?

A) ex
B) pica
C) em
D) inch
Question
If you design your pages using a font that your user does not have installed, the browser defaults to ____ on a Macintosh.

A) Arial
B) Times
C) Verdana
D) Courier
Question
Which of the following became a W3C Recommendation in 2012 and offers a single interoperable format for web fonts?

A) WOFF
B) CSS3
C) Times
D) SERIF
Question
You generally want to use absolute units for web pages because they can be scaled to an individual user's display type.
Question
The ____ is a printing measurement, traditionally equal to the horizontal length of the capital M in any given font size.

A) ex
B) pica
C) em
D) point
Question
The computer screen has a higher resolution than the printed page, making fonts that are legible on paper easier to read on-screen.
Question
When you work with type, which of the following is NOT a principle to follow for creating an effective design?

A) Choose fewer fonts and sizes
B) Use available fonts
C) Design for legibility
D) Use text as graphics
Question
Designing for the web restricts your ____ choices to those that your users have installed on their computers.

A) font size
B) font
C) color
D) letter
Question
Which type of font is a fixed-width font?

A) cursive
B) serif
C) sans-serif
D) monospace
Question
Don't use the line-height property because it will usually decrease the legibility of your text.
Question
The numeric values for font weight express nine levels of weight from ____.

A) 1 to 9
B) 10 to 90
C) 100 to 900
D) 1000 to 9000
Question
The ___________ unit is is equal to the font size of an element but is relative only to the root element of the document.
Question
Using the font-family property, a list of fonts separated by a comma provides which of the following?

A) defaults
B) variations
C) fallbacks
D) styles
Question
___________ fonts are designed to resemble handwriting.
Question
A(n) ___________ unit is equal to the size of an element.
Question
The CSS specification recommends a scaling factor of ____ between font sizes for the computer display.

A) 1.1
B) 1.2
C) 1.3
D) 1.5
Question
The ____ property lets you specify italic or oblique text.

A) font-style
B) font-family
C) font-size
D) font-variant
Question
Which property lets you replace the standard list symbol with an image of your choice?

A) bullet-style-image
B) list-image-style
C) list-style-image
D) list-design-symbol
Question
The ____ vertical-align property value raises the baseline of the box to the proper position for superscripts of the parent's box.

A) text-top
B) top
C) sub
D) super
Question
Which font size values depend entirely on the user's screen resolution?

A) pixels
B) percentage
C) ems
D) points
Question
___________ is the name of a type family such as Times Roman or Futura Condensed.
Question
Which property lets you expand or compress the font face?

A) font-size-adjust
B) font-stretch
C) text-expand
D) text-height
Question
Which property lets you specify the most common font properties in a single statement?

A) font-style
B) font
C) font-prop
D) font-variant
Question
What type of font names should you use to ensure greater portability across browsers and operating systems?

A) generic
B) specific
C) CSS
D) style
Question
Which font family is primarily decorative?

A) cursive
B) fantasy
C) sans-serif
D) monospace
Question
Which white-space property value preserves white space, causing lines to not wrap unless there is a < br > element?

A) nowrap
B) pre
C) normal
D) pre-wrap
Question
Which of the following code samples transforms the case of an < h1 > element to uppercase?

A) h1 {text-transform: uppercase;}
B) h1 {text-transform: to-upper;}
C) text-transform {h1: uppercase;}
D) upper {text-transform: h1;}
Question
Which font property lets you define small capitals, which are often used for chapter openings, acronyms, and other special purposes?

A) font-style
B) font-family
C) font-size
D) font-variant
Question
Which property lets you adjust the white space between letters?

A) letter-spacing
B) text-spacing
C) text-indent
D) text-align
Question
___________ is the white space between lines of text.
Question
The ____________ element is equal to the larger measurement of vw or vh.
Question
What is a font fallback and how do you specify one?
Question
The viewport __________________ lengths are relative to the size of the device viewport window used to display your web page.
Question
___________ is a relative measurement value that is scalable based on the user's default font size.
Question
____________ font families are commonly used to mimic typewritten text or for programming code.
Question
List the four principles for creating an effective web site design when considering typefaces.
Question
The ___________ form of a typeface is simply normal text slanted to the right.
Question
What are the five generic font families? Describe each briefly. 
Question
What is the font property and how do you use it?
Question
Describe the concept of absolute units and relative units. Specifically describe the em and ex units.
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/50
auto play flashcards
Play
simple tutorial
Full screen (f)
exit full mode
Deck 5: Web Typography
1
As more users access the web using smaller devices, type design becomes less important.
False
2
____ fonts have strokes that finish the top and bottom of each letter.

A) Times
B) Sans-serif
C) Serif
D) Block
C
3
Including text as graphics means users cannot search for that text.
True
4
The font-family property only allows you state a generic font-family name such as sans-serif.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
5
Negative values for the text-indent property let you create a hanging indent.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
6
In CSS, the em unit is equal to the font size of an element.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
7
In general, ____ text on a ____ background is easiest to read.

A) lighter; light
B) light; dark
C) darker; dark
D) dark; light
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
8
In strict typography terms, a font is the name of the type, such as Times New Roman or Futura Condensed.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
9
You should always include fallback values in case the browser has a problem downloading  the primary font.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
10
____ values are always relative to another value.

A) Pixel
B) Point
C) Percentage
D) Absolute
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
11
Which unit is equal to the height of the lowercase x in any given font?

A) ex
B) pica
C) em
D) inch
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
12
If you design your pages using a font that your user does not have installed, the browser defaults to ____ on a Macintosh.

A) Arial
B) Times
C) Verdana
D) Courier
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
13
Which of the following became a W3C Recommendation in 2012 and offers a single interoperable format for web fonts?

A) WOFF
B) CSS3
C) Times
D) SERIF
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
14
You generally want to use absolute units for web pages because they can be scaled to an individual user's display type.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
15
The ____ is a printing measurement, traditionally equal to the horizontal length of the capital M in any given font size.

A) ex
B) pica
C) em
D) point
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
16
The computer screen has a higher resolution than the printed page, making fonts that are legible on paper easier to read on-screen.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
17
When you work with type, which of the following is NOT a principle to follow for creating an effective design?

A) Choose fewer fonts and sizes
B) Use available fonts
C) Design for legibility
D) Use text as graphics
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
18
Designing for the web restricts your ____ choices to those that your users have installed on their computers.

A) font size
B) font
C) color
D) letter
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
19
Which type of font is a fixed-width font?

A) cursive
B) serif
C) sans-serif
D) monospace
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
20
Don't use the line-height property because it will usually decrease the legibility of your text.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
21
The numeric values for font weight express nine levels of weight from ____.

A) 1 to 9
B) 10 to 90
C) 100 to 900
D) 1000 to 9000
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
22
The ___________ unit is is equal to the font size of an element but is relative only to the root element of the document.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
23
Using the font-family property, a list of fonts separated by a comma provides which of the following?

A) defaults
B) variations
C) fallbacks
D) styles
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
24
___________ fonts are designed to resemble handwriting.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
25
A(n) ___________ unit is equal to the size of an element.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
26
The CSS specification recommends a scaling factor of ____ between font sizes for the computer display.

A) 1.1
B) 1.2
C) 1.3
D) 1.5
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
27
The ____ property lets you specify italic or oblique text.

A) font-style
B) font-family
C) font-size
D) font-variant
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
28
Which property lets you replace the standard list symbol with an image of your choice?

A) bullet-style-image
B) list-image-style
C) list-style-image
D) list-design-symbol
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
29
The ____ vertical-align property value raises the baseline of the box to the proper position for superscripts of the parent's box.

A) text-top
B) top
C) sub
D) super
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
30
Which font size values depend entirely on the user's screen resolution?

A) pixels
B) percentage
C) ems
D) points
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
31
___________ is the name of a type family such as Times Roman or Futura Condensed.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
32
Which property lets you expand or compress the font face?

A) font-size-adjust
B) font-stretch
C) text-expand
D) text-height
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
33
Which property lets you specify the most common font properties in a single statement?

A) font-style
B) font
C) font-prop
D) font-variant
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
34
What type of font names should you use to ensure greater portability across browsers and operating systems?

A) generic
B) specific
C) CSS
D) style
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
35
Which font family is primarily decorative?

A) cursive
B) fantasy
C) sans-serif
D) monospace
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
36
Which white-space property value preserves white space, causing lines to not wrap unless there is a < br > element?

A) nowrap
B) pre
C) normal
D) pre-wrap
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
37
Which of the following code samples transforms the case of an < h1 > element to uppercase?

A) h1 {text-transform: uppercase;}
B) h1 {text-transform: to-upper;}
C) text-transform {h1: uppercase;}
D) upper {text-transform: h1;}
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
38
Which font property lets you define small capitals, which are often used for chapter openings, acronyms, and other special purposes?

A) font-style
B) font-family
C) font-size
D) font-variant
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
39
Which property lets you adjust the white space between letters?

A) letter-spacing
B) text-spacing
C) text-indent
D) text-align
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
40
___________ is the white space between lines of text.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
41
The ____________ element is equal to the larger measurement of vw or vh.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
42
What is a font fallback and how do you specify one?
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
43
The viewport __________________ lengths are relative to the size of the device viewport window used to display your web page.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
44
___________ is a relative measurement value that is scalable based on the user's default font size.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
45
____________ font families are commonly used to mimic typewritten text or for programming code.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
46
List the four principles for creating an effective web site design when considering typefaces.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
47
The ___________ form of a typeface is simply normal text slanted to the right.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
48
What are the five generic font families? Describe each briefly. 
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
49
What is the font property and how do you use it?
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
50
Describe the concept of absolute units and relative units. Specifically describe the em and ex units.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
locked card icon
Unlock Deck
Unlock for access to all 50 flashcards in this deck.