MetaphorWeb Typography<br />
Metaphor<br />Your eyes are oceans of innocence.<br />
Metaphors on Interfaces<br />Desktop; office environment<br />Shopping cart<br />Address books, Calendars, etc.<br />
Metaphors on Interfaces<br /><ul><li>Learning by analogy
Limit possibilities</li></li></ul><li>Typography<br />
Web Typography<br />
Webfonts<br />Embedded in files using CSS @font-face rule<br />
Webfonts<br /><ul><li>Web Typography
EULA
Browser support</li></li></ul><li>Webfont Formats:<br />True Type (.ttf)<br />Embedded Open Type (.eot)<br />Open Type PS ...
True Type .ttfOpen Type PS .otf<br />9<br />
Embedded Open Type (.eot)<br />
Upcoming SlideShare
Loading in...5
×

metaphor typography

939

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
939
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

metaphor typography

  1. 1. MetaphorWeb Typography<br />
  2. 2. Metaphor<br />Your eyes are oceans of innocence.<br />
  3. 3. Metaphors on Interfaces<br />Desktop; office environment<br />Shopping cart<br />Address books, Calendars, etc.<br />
  4. 4.
  5. 5. Metaphors on Interfaces<br /><ul><li>Learning by analogy
  6. 6. Limit possibilities</li></li></ul><li>Typography<br />
  7. 7.
  8. 8.
  9. 9. Web Typography<br />
  10. 10. Webfonts<br />Embedded in files using CSS @font-face rule<br />
  11. 11. Webfonts<br /><ul><li>Web Typography
  12. 12. EULA
  13. 13. Browser support</li></li></ul><li>Webfont Formats:<br />True Type (.ttf)<br />Embedded Open Type (.eot)<br />Open Type PS (.otf)<br />Web Open Font Format WOFF<br />
  14. 14. True Type .ttfOpen Type PS .otf<br />9<br />
  15. 15. Embedded Open Type (.eot)<br />
  16. 16. Web Open Font Format WOFF<br />

×