Web Typography Flashcards
T/F: Lining figures use lowercase descenders.
False. Old style figures do.
What are some common features of legible typefaces?
generous x-heights, open bowls and apertures
_____ is the vertical space between lines of text.
line height
What are some factors that can help readability?
line length, line height, visual hierarchy
A _ _ _ _ is created by dividing text elements into various sections of importance.
visual hierarchy
Users will typically first read a page by:
scanning shapes of headings, paragraphs, lists, and images
_____ is equal to 1/100th or 1% of the viewport width.
vw
Legibility vs. Readability
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.
_ _ _ _ _ _ _ _ _ _ _ is the balance of vertical spacing and arrangement in lines of text.
vertical rhythm
What is an example of the standard typographic scale?
6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72
T/F: It’s good practice to use the same selector for functionality (jQuery) and presentation (CSS).
False
Line lengths are most comfortably read at how many characters?
45-75
What are letters a ligature will combine into a single glyph?
ff, fl, fi, st
What rule is used to import Web fonts hosted on your server?
@font-face
What property enables ligatures in words?
font-feature-settings
What are common Web font formats?
WOFF, TrueType, SVG, OpenType, Embedded OpenType
What CSS property can we use to adjust tracking in text?
letter-spacing
What characters require use of HTML character entities?
quotation marks, en dashes, ellipses
_ _ _ _ _ _ _ _ _ _ _ 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.
hanging punctuation
What can be a concerning result of poorly justified text?
large, unsightly gaps throughout the text called “rivers”
