Web Typography Flashcards

1
Q

T/F: Lining figures use lowercase descenders.

A

False. Old style figures do.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What are some common features of legible typefaces?

A

generous x-heights, open bowls and apertures

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

_____ is the vertical space between lines of text.

A

line height

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What are some factors that can help readability?

A

line length, line height, visual hierarchy

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

A _ _ _ _ is created by dividing text elements into various sections of importance.

A

visual hierarchy

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Users will typically first read a page by:

A

scanning shapes of headings, paragraphs, lists, and images

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

_____ is equal to 1/100th or 1% of the viewport width.

A

vw

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Legibility vs. Readability

A

Legibility refers to how a typeface is designed and how well one individual character can be distinguished from another. Readability refers to the way in which words and blocks of text are arranged on a page.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

_ _ _ _ _ _ _ _ _ _ _ is the balance of vertical spacing and arrangement in lines of text.

A

vertical rhythm

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What is an example of the standard typographic scale?

A

6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

T/F: It’s good practice to use the same selector for functionality (jQuery) and presentation (CSS).

A

False

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Line lengths are most comfortably read at how many characters?

A

45-75

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What are letters a ligature will combine into a single glyph?

A

ff, fl, fi, st

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What rule is used to import Web fonts hosted on your server?

A

@font-face

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What property enables ligatures in words?

A

font-feature-settings

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

What are common Web font formats?

A

WOFF, TrueType, SVG, OpenType, Embedded OpenType

17
Q

What CSS property can we use to adjust tracking in text?

A

letter-spacing

18
Q

What characters require use of HTML character entities?

A

quotation marks, en dashes, ellipses

19
Q

_ _ _ _ _ _ _ _ _ _ _ requires characters to be positioned outside the margin edge and is commonly used for pull quotes and bulleted lists to create an even visual edge.

A

hanging punctuation

20
Q

What can be a concerning result of poorly justified text?

A

large, unsightly gaps throughout the text called “rivers”