Font

Resources
William Zhang, Rocky Fischer, Bonnie Yu

What is font? (Font !=Typeface)

Typeface: is the design of the alphabet--the shape of the leEers that make up the typestyle. Font: is the digital le that contains/describes the typeface.
Story of Fonte A font is one weight, width, and style of a typeface. - Adobe

TTF and OTF

Both are le extensions: TTF - TrueType fonts; OTF - OpenType fonts. OTF is built on TTF. It is smaller than the predecessor OTF is a beEer font format that supports advanced typeseSng features TTF fonts is sTll very prolic, some sTll nd TTF easier to work with on certain tools Not issue with end users, so actually no need to choose one over the other

WOFF
Web Open Font Format (WOFF) is a font format for use in web pages. It is essenTally OpenType or TrueType with compression and addiTonal metadata. People design fonts, save or convert them to WOFF and use other technologies (like HTML, CSS, SVG) to tell browsers and other so]ware which fonts to download and apply

Benets of WOFF:
BeEer Typography for the Web (OpenType features) Preserve brand idenTty through type Compression - lesize reducTon from TTF of over 40% InternaTonalizaTon (more languages can be represented)

Licensing issue/Embedding
font so]ware is copyrightable Don't make unauthorized copy/distribute Font embedding is a process by which fonts used in the creaTon of a given document, are incorporated within, and travel with, the document. Be mindful about embedding, determine what level of embedding is allowed rst.
hEp://www.adobe.com/aboutadobe/anTpiracy/_faq.html

Install Windows
Download font Close programs Control panel font OR systemFolder/ windows/font Drag and drop (copy paste) the font le to the folder Simply double click the font le should also work
hEp://www.youtube.com/watch?v=T6AC42TBjnE

Install Mac
Download font Close programs Open nder, go to Library/Fonts folder Go to folder containing the downloaded font Drag and drop font to Fonts folder
hEp://www.youtube.com/watch?v=3AIR7_ch9No

Issues to Consider
Personality Readability Accessibility

Types of Type
Serif (Garamond)
Sans-serif (Gill Sans) Monospace (Consolas)

Specialty (!)

Print versus Web

Many factors to consider: Readability of body text: sans-serif for screens, serif for print Font size: smaller for print, larger for screens Standard set of fonts for web Gold standards for readability: Georgia and Verdana.

Source: hEp://www.smashingmagazine.com/2009/04/16/switch-from-print-to-web-where-to-start/

Standard Web Fonts

Source: hEp://www.ampso].net/webdesign-l/WindowsMacFonts.html

Why choose Paid Fonts?

Free font websites may be providing illegal font content stolen from other designers Higher quality in paid fonts More font choices Provide hosTng service for your fonts

Pricing
Website Typekit Plan 1 Free Trial 25k views/month Trial library 1 website / 2 fonts Plan 2 Personal 50k views/month Personal library 2 sites / 5 fonts $24.99/year Plan 3 Por3olio 500k views/mo Full library Unlimited sites & fonts $49.99/year

Dafont.com

Per font basis mostly Free fonts Free account Pay for Font Access to all fonts for Avg $7.5 20 IP addresses 1 mill views/mo AddiTonal 2 mill views $40 3 mill views $50

fontdeck

Typekit
Provide service for your users to download fonts with 99.9% upTme Used by NY Times, Gizmodo, TwiEer, Zynga, Wordpress Useful lists

Fontdeck
Browse for fonts by style and tags Search for fonts Showcase of websites with fonts

Dafont.com
Browse for fonts by category Font preview Many free fonts Download fonts No hosTng service like Typekit