Typography
PROF. CELINE DIANNE MONTANO
Typography
Objectives
▪ Explain what is typography
▪ History of Typography
▪ Serif Fonts vs Sans Serif fonts
▪ Display fonts
▪ Choosing a Font
▪ Activity # 3 Cards, Invitation Card, Greeting Card
History of Typography
https://www.youtube.com/watch?v=wOgIkxAfJsk
Printing Press
https://www.youtube.com/watch?v=DLctAw4JZXE
Evolution of the Book
https://www.youtube.com/watch?v=_YqYtdPUis4
How Books are Handmade
https://www.youtube.com/watch?v=Q1xKcRrn_i4
What is typography ?
- is the style and appearance of text
- It can also refer to the art of working with text
- something you probably do all the time if you create —
- documents or other projects for work, school or yourself.
Common types of Fonts
- Serif
- Sans Serif
- Display Fonts
- Script
- Blackletter
- ALL CAPS
- Plain Fancy
Serif Fonts
- Serif fonts have little
strokes called serifs
attached to the main part
of the letter.
Sans-Serif Fonts
- Sans serif fonts don't
have that extra
stroke—hence the name,
which is French for
without serif.
Other important Terms
- Kerning
- Leading
- Tracking
- Hierarchy
Hierarchy
- Hierarchy is used to guide the reader's eye to whatever is
most important. In other words, it shows them where to
begin and where to go next using different levels of
emphasis.
Leading
- Leading (rhymes with wedding) is the space between lines
of text, also known as line spacing.
Leading
- Leading (rhymes with wedding) is the space between lines
of text, also known as line spacing.
Tracking
- Tracking is the overall space between characters,
sometimes called character spacing. Most programs let
you condense or expand this depending on your needs.
Kerning
- Kerning is the space between specific characters. Unlike
tracking, it varies over the course of the word because
each letter fits together differently.
Let's wrap it up:
https://www.youtube.com/watch?v=sByzHoiYFX0
Questions ?
References
https://www.adobe.com/ph_en/creativecloud/design/discover/serif-vs-
sans-serif.html
https://www.apple.com/ph/
https://edu.gcfglobal.org/en/beginning-graphic-design/typography/1/