• Shuffle
    Toggle On
    Toggle Off
  • Alphabetize
    Toggle On
    Toggle Off
  • Front First
    Toggle On
    Toggle Off
  • Both Sides
    Toggle On
    Toggle Off
  • Read
    Toggle On
    Toggle Off
Reading...
Front

Card Range To Study

through

image

Play button

image

Play button

image

Progress

1/33

Click to flip

Use LEFT and RIGHT arrow keys to navigate between flashcards;

Use UP and DOWN arrow keys to flip the card;

H to show hint;

A reads text to speech;

33 Cards in this Set

  • Front
  • Back

Glyph

- An elemental symbol within an agreed-upon set

Letterform

- Type of glyph


- Refers to a letter's shape

Character

- Type of glyph


- Letter, punctuation mark or figure

Leading

- Spacing between lines of text

Kerning

- Adjustment of horizontal white space between individual pairs of letters in a block of text

Letterspacing/tracking

- Adjustment of horizontal white space between all letters in a block of text


Wordspacing

- Size of the space between words

Paragraph spacing

- Amount of vertical space above or below a paragraph

Indents

- Separates paragraphs


- Ideally same size as leading


- Good when space is limited


- ALTERNATIVE: outdent

Paragraph spaces

- Separates paragraphs


- More aesthetically luxurious/spacious


- Good when space is less limited


- Ideally smaller than leading size

Paragraph symbols

- Mark start of paragraphs


- Allows start of new paragraph without new line


- Good for sidebars, etc. but NOT main body copy

Small caps

- Capitals at x-height


- Good for emphasis without feeling aggressive

Caps

- Capitals at full cap height


- Avoid two sizes of caps side by side


- Use 10+ letterspacing to avoid looking tight/dense

Slab serif

- AKA Egyptian


- Thick, squared serifs

Monospace font

- AKA fixed-width


- Letters and characters all occupy same amount of horizontal space


- See also: Tabular figures

Page colour

- Overall density of ink on the page


- Determined by spacing and typeface(s) used


- Aim for mostly even grey in main body copy when squinting

Drop cap/Decorative initial

- Helpful for indicating start of article (usually in top left of page)


- May use highlighted colour or different font

Bullet/numbering formatting

- Should be outside paragraph, not embedded inside

Old style figures

- Numbers include ascenders and descenders


- More consistent page colour


- Good for numbers in middle of text

Lining figures

- Numbers all at cap height


- Most commonly used

Proportional figures

- Each figure occupies space according to its horizontal size (ex. 1 < 6)


- Better spacing/kerning

Tabular figures

- All figures occupy same space (ex. 1 = 6)


- More white space


- Good for data


- Line up along columns

Superscript/subscript

- Figure or symbol smaller than normal line of type, set slightly above/below it


- Commonly used in mathematical formulae/data

Hyphen

- Used to separate words across lines of text/hypenate them


- Ex. Courtney Cox-Arquette

En dash

- Same width as lower-case "n"


- Used for ranges of things instead of "to"


- Ex. 0-100 real quick

Em dash

- Same width as lower-case "m"


- Used for emphasis/separation


- Ex. inserting a clause in the middle of a sentence

Diacritical mark

- AKA accents


- Glyphs added to a letterform


- Usually serves to indicate pronunciation

Pilcrow

- AKA Paragraph symbol


- Fancy backwards capital "P"

Ampersand

- Meaning "and"


- From French "et"

Ligature

- Two or more letters joined as single glyph


- Ex. Æ

Selecting appropriate font for a project

- Consider intent behind the design of the typeface


- Display/small print


- Monospaced/proportional

Choosing fonts that work well together

Consider:


- Is the font appropriate?


- Do the x and cap heights match?


- Are the ascenders/descenders of similar size?


- Is the character width approx. the same?

Establishing hierarchy

- From big/colourful > light/small