Web Typography
Download as KEY, PDF17 likes4,960 views
The document discusses the complexities of web typography, specifically the vast array of available fonts and their implications on design. It emphasizes overcoming limitations imposed by font availability and suggests best practices for selecting and combining fonts for web content. Key points include the importance of including core web fonts and generic font-families along with any downloaded fonts for optimal display.
Editor's Notes
- #13: Using Flash
- #14: text in images
- #17: and HTML Text
- #19: Authentic
- #20: Good
- #22: But we all know that if you want to be the Favorite Web Site Award winner, you have to use flash.
- #23: ... Limited styles, limited controls, and most importantly limited font-family choices.
- #24: Limits 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.
- #25: Limits 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.
- #26: Step Inside Design May/June 2008 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.
- #27: Twilight Zone - Eye of the Beholder
- #28: http://www.smartcomputing.com/editorial/article.asp?article=articles/archive/l0811/06l11web/06l11web.asp&guid=
- #29: http://www.smartcomputing.com/editorial/article.asp?article=articles/archive/l0811/06l11web/06l11web.asp&guid=
- #30: http://www.smartcomputing.com/editorial/article.asp?article=articles/archive/l0811/06l11web/06l11web.asp&guid=
- #31: http://www.smartcomputing.com/editorial/article.asp?article=articles/archive/l0811/06l11web/06l11web.asp&guid=
- #32: http://www.smartcomputing.com/editorial/article.asp?article=articles/archive/l0811/06l11web/06l11web.asp&guid=
- #34: with CSS, we can not only declare a single font, but back-up fonts and generic font families. If the browser does not have helvetica, it will use arial, if no arial it will use the default sans-serif font.
- #35: with CSS, we can not only declare a single font, but back-up fonts and generic font families. If the browser does not have helvetica, it will use arial, if no arial it will use the default sans-serif font.
- #36: http://www.truetype-typography.com/articles/times.htm
- #38: Georgia is a transitional serif typeface designed in 1993[1] by Matthew Carter 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
- #39: Verdana is a humanist sans-serif typeface designed by Matthew Carter for Microsoft Corporation, with hand-hinting done by Tom Rickner, then at Monotype. Demand for such a typeface was recognized by Virginia Howlett of Microsoft's typography group. The name “Verdana” is based on a mix of verdant (something green, as in the Seattle area and the Evergreen state, Washington), and Ana (the name of Howlett's eldest daughter). http://en.wikipedia.org/wiki/Verdana
- #40: Verdana is a humanist sans-serif typeface designed by Matthew Carter for Microsoft Corporation, with hand-hinting done by Tom Rickner, then at Monotype. Demand for such a typeface was recognized by Virginia Howlett of Microsoft's typography group. The name “Verdana” is based on a mix of verdant (something green, as in the Seattle area and the Evergreen state, Washington), and Ana (the name of Howlett's eldest daughter). http://en.wikipedia.org/wiki/Verdana
- #43: webdings
- #45: Core fonts for the Web was a project begun by Microsoft in 1996 to make a standard pack of fonts for the Internet.
- #46: The project was terminated in August 2002,
- #47: The project was terminated in August 2002, allegedly due to frequent EULA violations.[1] However, that same EULA allows redistribution if the packages are kept in their original format and filenames and not used to add value to commercial products.
- #48: We use these because they are almost certain to be installed on all computers in use today. BUT there are other fonts that we can rely on to be installed depending on the operating system.
- #51: Segoe UI, replaces Tahoma for help text. Similar to Frutigar
- #52: Segoe UI, replaces Tahoma for help text. Similar to Frutigar
- #63: 62 overlap
- #64: 62 overlap
- #65: 62 overlap
- #71: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #72: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #73: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #74: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #75: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #76: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #77: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #78: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #79: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #80: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #81: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #82: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #83: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #84: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #85: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #86: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #87: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #88: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #89: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #90: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #91: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #92: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #93: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #94: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #95: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #96: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #97: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #98: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #99: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #100: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #101: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #102: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #103: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #104: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #105: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #106: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #107: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #108: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #109: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #110: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #111: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #112: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #113: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #114: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #115: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #116: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #117: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #118: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #119: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #120: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #121: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #122: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #123: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #124: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #125: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #126: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #127: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #128: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #129: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #130: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #131: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #132: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #133: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #134: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #135: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #136: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #137: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #138: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #139: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #140: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #141: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #142: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #143: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #144: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?
- #145: Does not include Web Dings and and MS Reference So... How do you know what fonts you can use?