Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Your Perfect Web Type Match - Refresh Pittsburgh 02/2013

76ded8131db760e741f0ecb01cb4c562?s=47 Val Head
February 11, 2013

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!

76ded8131db760e741f0ecb01cb4c562?s=128

Val Head

February 11, 2013
Tweet

Transcript

  1. your perfect web type match Refresh Pittsburgh February 2013 Val

    Head @vlh
  2. None
  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.

  9. None
  10. None
  11. None
  12. None
  13. None
  14. um, where did the counters go?

  15. None
  16. None
  17. what is a webfont, technically?

  18. consider the source.

  19. $$$ > 0

  20. None
  21. None
  22. the typeface’s role in life?

  23. display vs text.

  24. None
  25. None
  26. None
  27. None
  28. hinting: more instructions for small sizes.

  29. None
  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.

  34. None
  35. None
  36. None
  37. http://webfontspecimen.com/

  38. even better: see it in context.

  39. None
  40. your font is so big…

  41. you should be worried about file size.

  42. but where is “too much” ?

  43. None
  44. None
  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”
  53. None
  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