Your Perfect Web Type Match - Refresh Pittsburgh 02/2013

A short and sweet presentation full of advice on how to make awesome web type choices in the big world of web type options were have out there!

Transcript

1. your perfect web type match Refresh Pittsburgh February 2013 Val Head @vlh
3. A good choice for this design?
4. physical qualities reading & perception intended role history character set
5. A good choice for this web site?
6. operating systems! web browsers! font files and outlines hinting file size
7. let’s talk about addressing that second list.
8. but first, a story.
14. um, where did the counters go?
17. what is a webfont, technically?
18. consider the source.
19. $$$ > 0
22. the typeface’s role in life?
23. display vs text.
28. hinting: more instructions for small sizes.
30. Text http://fontdeck.com/typefaces/all/tags/manuallyhinted/
31. http://www.fontbureau.com/ReadingEdge/
32. see it live…
33. …and not just in your browser.
37. http://webfontspecimen.com/
38. even better: see it in context.
40. your font is so big…
41. you should be worried about file size.
42. but where is “too much” ?
45. regular bold italic
46. http://alistapart.com/article/say-no-to-faux-bold
47. http://www.subsetter.com/
48. http://furious.gr/font-foundries-must-die/
49. consider context along with file size.
50. mind your font-weights too!
51. remember your old pal the font stack?
52. there should always be something between your fancypants display face and “serif”
54. little cheats. it’s totally cool, don’t worry.
55. http://blog.typekit.com/category/sites-we-like/
56. v http://fontdeck.com/showcase
57. compile a list of tried and true favourites.
58. FF Meta Serif Adelle FF Tisa Sans Pro Proxima Nova
59. your perfect web type match Refresh Pittsburgh February 2013 Val Head @vlh