adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl...
TRANSCRIPT
![Page 1: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/1.jpg)
adfadfjkahgjklncklvzan;kltjeiopqrjtl;idadioeqrupepqnz,mcvn.zm,xcn;kjafdlk;ja;dlfkmdklajfladkjfowieujkfjvnaeiluriopqueriopqjwlkrnm,adsnfkl;ajdf;lkajsdfko;jio[qeukeqopriueioquro[qjz,
Typeface
Do not call it a font!
adfadfjkahgjklncklvzan;kltjeiopqrjtl;idadioeqrupepqnz,mcvn.zm,xcn;kjafdlk;ja;dlfkmdklajfladkjfowieujkfjvnaeiluriopqueriopqjwlkrnm,adsnfkl;ajdf;lkajsdfko;jio[qeukeqopriueioquro[qjz,vm,zcnm,.gnsdf,.gnaoiduqpeio
adfadfjkahgjklncklvzan;kltjeiopqrjtl;idadioeqrupepqnz,mcvn.zm,xcn;kjafdlk;ja;dlfkmdklajfladkjfowieujkfjvnaeiluriopqueriopqjwlkrnm,adsnfkl;ajdf;lkajsdfko;jio[qeukeqopriueio
quro[qjz,vm,Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/
![Page 2: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/2.jpg)
What’s the difference between ‘typeface’ and ‘font’?
Typeface
• the design of the letters, numbers, etc
• varies in appearance (visual differences)
• the “song” you listen to– you say “I like this song.”
Font
• the metal pieces used to type the letters, or the computer file
• varies by computer formats: Mac PostScript and PC TrueType
• the “mp3” file– you don’t say “I like this mp3.”
Peters, Yves.“Font or Typeface?.” fontfeed.com: The Font Feed. September 2008. 28 April 2010 http://fontfeed.com/archives/font-or-typeface/
![Page 3: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/3.jpg)
What are the ways a typeface can vary in appearance?
• style– roman (upright) vs. italic (a different, slanted
design) vs. oblique (the roman design, but slanted)
– weight: regular vs. bold– width: condensed vs. wide
Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/
![Page 4: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/4.jpg)
Roman vs. Italic vs. Oblique
italic (a different, slanted design
roman (upright)
oblique (the roman design, but slanted)
Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/
![Page 5: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/5.jpg)
Regular vs. Bold
regular
bold
Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/
![Page 6: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/6.jpg)
Condensed vs. Wide
condensed
wide
Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/
![Page 7: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/7.jpg)
So….. -Twentieth Century MT
is a different typeface than
Twentieth Century MT Condensed-Arial
is a different typeface than
Arial Bold
Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/
But….. -Arial, Arial Bold, Arial Italic
are in the same Type Family
![Page 8: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/8.jpg)
The Anatomy of Typeface
Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/
![Page 9: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/9.jpg)
Cap Height
Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/
“The height from the baseline to the top of the uppercase letters (not including diacritics).”
![Page 10: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/10.jpg)
X-Height
Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/
“The height of the lowercase letters, disregarding ascenders or descenders, typically exemplified by the letter x. The relationship of the x-height to the body defines the perceived type size. A typeface with a large x-height looks much bigger than a typeface with a small x-height at the same size.”
“Typeface.” wikipedia.com. April 2010. 28 April 2010 http://en.wikipedia.org/wiki/Typeface/
![Page 11: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/11.jpg)
Baseline
Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/
“The imaginary line upon which the letters in a font appear to rest.”
“Typeface.” wikipedia.com. April 2010. 28 April 2010 http://en.wikipedia.org/wiki/Typeface/
![Page 12: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/12.jpg)
Descender
Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/
“Any part in a lowercase letter that extends below the baseline, found for example in g, j, p, q, y, etc. Some types of descenders have specific names.”
![Page 13: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/13.jpg)
adfadfjkahgjklncklvzan;kltjeiopqrjtl;idadioeqrupepqnz,mcvn.zm,xcn;kjafdlk;ja;dlfkmdklajfladkjfowieujkfjvnaeiluriopqueriopqjwlkrnm,adsnfkl;ajdf;lkajsdfko;jio[qeukeqopriueioquro[qjz,
Illuminations
![Page 14: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/14.jpg)
What are illuminations?
• “The Decoration of manuscripts and books with colored, gilded pictures…, decorated initials, and ornamental border designs.”
• initials• border designs• gilded/gold
![Page 15: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/15.jpg)
Who made them?
• Monks in the middle ages– Bible– Royal requests
• Greeks– Homer’s Iliad
• Egyptians– The Book of the Dead
![Page 16: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/16.jpg)
Examples
![Page 17: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/17.jpg)
Examples
![Page 18: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/18.jpg)
Examples
![Page 19: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/19.jpg)
Examples
![Page 20: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/20.jpg)
Examples
![Page 21: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/21.jpg)
Examples
![Page 22: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/22.jpg)
Examples
![Page 23: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/23.jpg)
Examples
![Page 24: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/24.jpg)
Examples
![Page 25: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/25.jpg)
Examples
![Page 26: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/26.jpg)
Examples
![Page 27: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/27.jpg)
Project Directions• Quiz tomorrow on Typefaces (4/30)• Create THREE large, different, drafts of what you would like your font to be. (5/4)
– Follow the rules as explained on “Step 2: Complete Template”– Show these to Mrs. Panter before you go to the next step.
• Choose your favorite, and make a draft of that typeface. (5/5)– Show this to Mrs. Panter before you go to the next step.
• Once you have gotten your draft approved, make a final draft. (5/6)
-If you finish early, before we go to the computer lab, design another font. “I have nothing to do,” will not be an option.
• Quiz on Typefaces: Friday 4/30• Large drafts due: Tuesday 5/4 (3 quiz grades)• Mini draft due: Wednesday 5/5 (test grade)• Final draft due: Thursday 5/6 (test grade)• Friday: movie
![Page 28: Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,](https://reader036.vdocuments.us/reader036/viewer/2022070411/56649f3f5503460f94c5faf2/html5/thumbnails/28.jpg)
Project Directions• Quiz tomorrow on Typefaces (4/30)
• Create THREE large, different, drafts of what you would like your font to be. (5/4)
– Follow the rules as explained on “Step 2: Complete Template”
– Show these to Mrs. Panter before you go to the next step.
• Choose your favorite, and make a draft of that typeface. (5/5)
– Show this to Mrs. Panter before you go to the next step.
• Once you have gotten your draft approved, make a final draft. (5/6)
-If you finish early, before we go to the computer lab, design another font. “I have nothing to do,” will not be an option.