Web Typography
by Jason CranfordTeague on Jun 07, 2009
- 4,953 views
Are you tired of using the same old fonts in your Web designs? The type you use can say as much to your audience as the actual words on the page, but until now, Web designers have had an extremely limi...
Are you tired of using the same old fonts in your Web designs? The type you use can say as much to your audience as the actual words on the page, but until now, Web designers have had an extremely limited palette of fonts from which to choose—essentially, Arial (yawn), Times (yawn), and Georgia (yawwwwwn). Design is about overcoming the limitations of a medium, and Web design is no different. In this session, Jason will show you how to use fluid typography, browser-safe fonts, and type on images to create robust scalable designs to achieve great typography without resorting to typing in images or Adobe Flash. You’ll also learn how to use CSS to download any font you want to use in your Web designs, and to use downloadable fonts, despite the limitations of some browsers.
Accessibility
Categories
Tags
More...Upload Details
Uploaded via SlideShare as Apple Keynote
Usage Rights
© All Rights Reserved
Statistics
- Favorites
- 18
- Downloads
- 304
- Comments
- 1
- Embed Views
- Views on SlideShare
- 4,785
- Total Views
- 4,953
anisazlan
1–1 of 1 previous next
Limited styles, limited controls, and most importantly limited font-family choices.
That's what design is about
Design is about overcoming the limits of the medium.
I am here today with no less of a task than to change the way you view the limitation of Typography using CSS in regards to the limited font-family choices we seem to have.
That's what design is about
Design is about overcoming the limits of the medium.
I am here today with no less of a task than to change the way you view the limitation of Typography using CSS in regards to the limited font-family choices we seem to have.
When you choose your font, you do not change the meaning of the letter.. a T is still a T, but by changing it's skin, you change what it is saying, adding another level of communication.
If the browser does not have helvetica, it will use arial, if no arial it will use the default sans-serif font.
If the browser does not have helvetica, it will use arial, if no arial it will use the default sans-serif font.
and hinted by Tom Rickner for the Microsoft Corporation, as the serif companion to the first Microsoft sans serif screen font, Verdana. The initial version of the font was released on November 1, 1996 as part of the Core fonts for the Web collection. Later, it was bundled with Internet Explorer 4.0 supplemental font pack.
http://en.wikipedia.org/wiki/Georgia_%28typeface%29
http://en.wikipedia.org/wiki/Verdana
http://en.wikipedia.org/wiki/Verdana
BUT there are other fonts that we can rely on to be installed depending on the operating system.
Similar to Frutigar
Similar to Frutigar
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?
So... How do you know what fonts you can use?