typography 101
TRANSCRIPT
![Page 1: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/1.jpg)
Typography 101
![Page 2: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/2.jpg)
![Page 3: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/3.jpg)
![Page 4: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/4.jpg)
Typography is a design’s voice.- Jason Santa Maria On Web Typography
![Page 5: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/5.jpg)
![Page 6: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/6.jpg)
![Page 7: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/7.jpg)
![Page 8: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/8.jpg)
![Page 9: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/9.jpg)
![Page 10: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/10.jpg)
![Page 11: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/11.jpg)
Text makes up 95% of all websites
![Page 12: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/12.jpg)
Text makes up 95% of all websitesFACT
![Page 13: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/13.jpg)
Type is the essence of a website.
And websites are the essence of the internet.
![Page 14: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/14.jpg)
Typography is for the benefit of the reader,
not the writer.- Matthew Butterick
Practical Typography
![Page 15: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/15.jpg)
![Page 16: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/16.jpg)
![Page 17: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/17.jpg)
![Page 18: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/18.jpg)
![Page 19: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/19.jpg)
![Page 20: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/20.jpg)
![Page 21: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/21.jpg)
![Page 22: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/22.jpg)
![Page 23: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/23.jpg)
![Page 24: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/24.jpg)
![Page 25: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/25.jpg)
![Page 26: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/26.jpg)
![Page 27: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/27.jpg)
![Page 28: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/28.jpg)
![Page 29: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/29.jpg)
- Ellen Lupton, Thinking with Type
![Page 30: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/30.jpg)
- Ellen Lupton, Thinking with Type
![Page 31: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/31.jpg)
Don't Be a Menace to South CentralDon't Be a Menace to South Central
Don't Be a Menace to South Central
Don't Be a Menace to South Central
Adobe Caslon Pro 60pt
Times New Roman 60pt
Garamond 60pt
Bernhard Modern Pro 60pt
![Page 32: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/32.jpg)
Don't Be a Menace to South CentralDon't Be a Menace to South Central
Don't Be a Menace to South Central
Don't Be a Menace to South Central
Adobe Caslon Pro 60pt
Times New Roman 60pt
Garamond 60pt
Bernhard Modern Pro 60pt
Don't Be a Menace to South CentralArial 60pt
Don't Be a Menace to South CentralLucida Sans 60pt
![Page 33: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/33.jpg)
Perpetua 90ptTimes New Roman 90pt Adobe Garamond Pro 90pt Bernhard Modern Pro 90pt
Red Orange Yellow Cheetos
![Page 34: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/34.jpg)
Perpetua 90ptTimes New Roman 90pt Adobe Garamond Pro 90pt Bernhard Modern Pro 90pt
Red Orange Yellow Cheetos
![Page 35: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/35.jpg)
Perpetua 90ptTimes New Roman 90pt Adobe Garamond Pro 90pt Bernhard Modern Pro 90pt
Red Orange Yellow Cheetos
![Page 36: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/36.jpg)
o o oGeorgia 230ptHelvetica 230pt Bodoni 230pt
< Low ———————————————————————— High >
![Page 37: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/37.jpg)
![Page 38: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/38.jpg)
![Page 40: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/40.jpg)
Hey, I just met you,And this is crazy,But here's my number,So call me, maybe!
Hoefler Text 45pt / Leading 40pt / line-height: 0.88em
Hey, I just met you,
And this is crazy,
But here's my number,
So call me, maybe!
Hoefler Text 45pt / Leading 95pt / line-height: 2em
![Page 41: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/41.jpg)
Hey, I just met you,And this is crazy,But here's my number,So call me, maybe!
Hoefler Text 45pt / Leading 65pt / line-height: 1.4em
Hey, I just met you,And this is crazy,But here's my number,So call me, maybe!
Hoefler Text 45pt / Leading 75pt / line-height: 1.6em
![Page 42: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/42.jpg)
Chicken fried tofu
Chicken fr ied chicken
C h i c k e n f r i e d w a f f l e s
Chicken fried steak
Bell MT 60pt — 5% tracking — letter-spacing: 1px;
Bell MT 60pt — 0 tracking — letter-spacing: 0;
Bell MT 60pt — 10% tracking — letter-spacing: 2px;
Bell MT 60pt — 20% tracking — letter-spacing: 3px;
Chicken fried baconBell MT 60pt — -5% tracking — letter-spacing: -1px
![Page 43: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/43.jpg)
Chicken fried tofu
Chicken fr ied chicken
C h i c k e n f r i e d w a f f l e s
Chicken fried steak
Chicken fried bacon
Bell MT 60pt — 5% tracking — letter-spacing: 1px;
Bell MT 60pt — 0 tracking — letter-spacing: 0;
Bell MT 60pt — 10% tracking — letter-spacing: 2px;
Bell MT 60pt — 20% tracking — letter-spacing: 3px;
Bell MT 60pt — -5% tracking — letter-spacing: -1px;
![Page 45: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/45.jpg)
![Page 46: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/46.jpg)
![Page 47: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/47.jpg)
![Page 48: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/48.jpg)
![Page 50: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/50.jpg)
![Page 51: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/51.jpg)
![Page 52: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/52.jpg)
![Page 53: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/53.jpg)
![Page 54: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/54.jpg)
![Page 55: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/55.jpg)
![Page 56: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/56.jpg)
![Page 57: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/57.jpg)
![Page 58: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/58.jpg)
![Page 59: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/59.jpg)
![Page 60: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/60.jpg)
![Page 61: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/61.jpg)
![Page 62: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/62.jpg)
![Page 63: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/63.jpg)
![Page 64: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/64.jpg)
![Page 65: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/65.jpg)
- Ellen Lupton, Thinking with Type
![Page 66: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/66.jpg)
![Page 67: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/67.jpg)
![Page 68: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/68.jpg)
- Jason Santa Maria On Web Typography
![Page 69: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/69.jpg)
- Jason Santa Maria On Web Typography
![Page 70: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/70.jpg)
- Jason Santa Maria On Web Typography
![Page 71: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/71.jpg)
- Jason Santa Maria On Web Typography
![Page 72: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/72.jpg)
![Page 73: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/73.jpg)
![Page 74: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/74.jpg)
Martin came up to the stag, gently reached out and
touched his neck. The great head swung up, and the stag
nuzzled Martin's arm. Softly Martin said, “If you walk out
slowly, without speaking, he might let you approach.”
MARTIN CAME UP TO THE STAG, GENTLY REACHED OUT
AND TOUCHED HIS NECK. THE GREAT HEAD SWUNG
UP, AND THE STAG NUZZLED MARTIN'S ARM. SOFTLY
MARTIN SAID, “IF YOU WALK OUT SLOWLY, WITHOUT
SPEAKING, HE MIGHT LET YOU APPROACH.”
Bookman Old Style 24pt — Leading 36pt — line-height: 1.5em;
![Page 75: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/75.jpg)
Martin came up to the stag, gently reached out and
touched his neck. The great head swung up, and the stag
nuzzled Martin's arm. Softly Martin said, “If you walk out
slowly, without speaking, he might let you approach.”
MARTIN CAME UP TO THE STAG, GENTLY REACHED OUT
AND TOUCHED HIS NECK. THE GREAT HEAD SWUNG
UP, AND THE STAG NUZZLED MARTIN'S ARM. SOFTLY
MARTIN SAID, “IF YOU WALK OUT SLOWLY, WITHOUT
SPEAKING, HE MIGHT LET YOU APPROACH.”
Bookman Old Style 24pt — Leading 36pt — line-height: 1.5em;
X
![Page 76: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/76.jpg)
“Into his mouth went the lizard, and before I could accuse, out
it came again, squirming and alive and ready to bite once again.
He handed it back to his younger brother, who smote it mightily
with the rock, starting or ending the whole process again.”
“Into his mouth went the lizard, and before I could accuse, out it came again, squirming and alive and ready to bite once again. He handed it back to his younger brother, who smote it mightily with the rock, starting or ending the whole process again.”
Georgia 28pt — Leading 42pt — line-height: 1.5em;
Bodoni 28pt — Leading 42pt — line-height: 1.5em;
![Page 77: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/77.jpg)
“Into his mouth went the lizard, and before I could accuse, out
it came again, squirming and alive and ready to bite once again.
He handed it back to his younger brother, who smote it mightily
with the rock, starting or ending the whole process again.”
“Into his mouth went the lizard, and before I could accuse, out it came again, squirming and alive and ready to bite once again. He handed it back to his younger brother, who smote it mightily with the rock, starting or ending the whole process again.”
Georgia 28pt — Leading 42pt — line-height: 1.5em;
XBodoni 28pt — Leading 42pt — line-height: 1.5em;
![Page 78: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/78.jpg)
“Don’t let anyone tell you that the Prince of Peace never struck anyone. In
those early days, before he had become who he would be, Joshua smote me
in the nose more than once. That was the first time.”
“Don’t let anyone tell you that the Prince of Peace
never struck anyone. In those early days, before he
had become who he would be, Joshua smote me in the
nose more than once. That was the first time.”
Bookman Old Style 28pt — Leading 42pt — line-height: 1.5em;
Perpetua 28pt — Leading 42pt — line-height: 1.5em;
![Page 79: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/79.jpg)
“Don’t let anyone tell you that the Prince of Peace never struck anyone. In
those early days, before he had become who he would be, Joshua smote me
in the nose more than once. That was the first time.”
“Don’t let anyone tell you that the Prince of Peace
never struck anyone. In those early days, before he
had become who he would be, Joshua smote me in the
nose more than once. That was the first time.”
Bookman Old Style 28pt — Leading 42pt — line-height: 1.5em;
XPerpetua 28pt — Leading 42pt — line-height: 1.5em;
![Page 80: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/80.jpg)
And then there's The Enforcers—but they cost a lot and don't take well to supervision. It is rumored that, under their uniforms, they wear T-shirts bearing the unofficial Enforcer coat of arms: a fist holding a nightstick, emblazoned with the words SUE ME.
Times 25pt — Leading 37.5pt — line-height: 1.5em;
And then there's The Enforcers—but they cost a lot and don't take well to supervision. It is rumored that, under their uniforms, they wear T-shirts bearing the unofficial Enforcer coat of arms: a fist holding a nightstick, emblazoned with the words SUE ME.
Times 12pt — Leading 18pt — line-height: 1.5em;
![Page 81: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/81.jpg)
And then there's The Enforcers—but they cost a lot and don't take well to supervision. It is rumored that, under their uniforms, they wear T-shirts bearing the unofficial Enforcer coat of arms: a fist holding a nightstick, emblazoned with the words SUE ME.
Times 25pt — Leading 37.5pt — line-height: 1.5em;
XAnd then there's The Enforcers—but they cost a lot and don't take well to supervision. It is rumored that, under their uniforms, they wear T-shirts bearing the unofficial Enforcer coat of arms: a fist holding a nightstick, emblazoned with the words SUE ME.
Times 12pt — Leading 18pt — line-height: 1.5em;
![Page 82: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/82.jpg)
Four things are on the cargo pallet: a bottle of expensive beer from the Puget Sound area, which Hiro cannot really afford; a long sword known in Nippon as a katana and a short sword known as a wakizashi—Hiro's father looted these from Japan after World War II went atomic—and a computer.
Four things are on the cargo pallet: a bottle of expensive beer from the Puget Sound area, which Hiro cannot really afford; a long sword known in Nippon as a katana and a short sword known as a wakizashi—Hiro's father looted these from Japan after World War II went atomic—and a computer.
Athletas 22pt — Leading 33pt — line-height: 1.5em
![Page 83: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/83.jpg)
Four things are on the cargo pallet: a bottle of expensive beer from the Puget Sound area, which Hiro cannot really afford; a long sword known in Nippon as a katana and a short sword known as a wakizashi—Hiro's father looted these from Japan after World War II went atomic—and a computer.
Four things are on the cargo pallet: a bottle of expensive beer from the Puget Sound area, which Hiro cannot really afford; a long sword known in Nippon as a katana and a short sword known as a wakizashi—Hiro's father looted these from Japan after World War II went atomic—and a computer.
Athletas 22pt — Leading 33pt — line-height: 1.5em
X
![Page 84: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/84.jpg)
![Page 85: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/85.jpg)
![Page 86: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/86.jpg)
![Page 87: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/87.jpg)
![Page 88: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/88.jpg)
![Page 89: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/89.jpg)
![Page 90: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/90.jpg)
![Page 91: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/91.jpg)
• http://practicaltypography.com
• http://ilovetypography.com
• http://www.thinkingwithtype.com/
• http://youtu.be/Ki6rcXvUWP0
• http://fontsinuse.com/
Resources
![Page 92: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/92.jpg)
![Page 93: Typography 101](https://reader036.vdocuments.us/reader036/viewer/2022070511/58a39bdb1a28abb1348b5f0f/html5/thumbnails/93.jpg)