Typography on Screen
Writing and reading on-screen differs from print so typography online has its own idiosyncrasies. Learn what you can and cannot control and which type treatments work best for Web, email, and other non-print forms of communication.
Dynamic Fonts
Gain greater control over the appearance of fonts on a Web page through the use of OpenType and TrueDoc technology. About.com Web Design / HTML Guide Jennifer Krynin explains.
Gain greater control over the appearance of fonts on a Web page through the use of OpenType and TrueDoc technology. About.com Web Design / HTML Guide Jennifer Krynin explains.
Font Size Measures on the Web
In print we use absolute font sizes -- the size we specify is the size the font is printed at. But on the Web, relative font sizes can make for a better user experience.
In print we use absolute font sizes -- the size we specify is the size the font is printed at. But on the Web, relative font sizes can make for a better user experience.
Font Weight on the Web
Tell a Web browser how fat or skinny a font should be using these specific commands.
Tell a Web browser how fat or skinny a font should be using these specific commands.
Web Typography
Jennifer Krynin discusses font families, font size, and other attributes and how they are expressed in the language of the Web.
Jennifer Krynin discusses font families, font size, and other attributes and how they are expressed in the language of the Web.
FontSite - Email Typography
The FontSite says that even in email there are certain rules of typography and formatting that shouldn't be ignored.
The FontSite says that even in email there are certain rules of typography and formatting that shouldn't be ignored.
Microsoft - WEFT
Learn how to embed fonts in your Web pages.
Learn how to embed fonts in your Web pages.
Reservocation - Type on the Web
Jeffrey Zeldman, Gabe Kean, and other interactive designers have their say on trends in browser type.
Jeffrey Zeldman, Gabe Kean, and other interactive designers have their say on trends in browser type.
Screen Typography Samples
View side-by-side examples of Times New Roman, Arial, Verdana, and Tahoma at 8, 9, 10, 11, 12, 14, 16, and 18px.
View side-by-side examples of Times New Roman, Arial, Verdana, and Tahoma at 8, 9, 10, 11, 12, 14, 16, and 18px.
The Anatomy of Web Fonts
Andy Hume addresses some of the differences between print and Web typography.
Andy Hume addresses some of the differences between print and Web typography.
Typographer.org - 12 Type on Screen Tips
Specically addresses the use of type in designs to appear on a television screen. Covers type size, type style, color, and more.
Specically addresses the use of type in designs to appear on a television screen. Covers type size, type style, color, and more.
Typography
Joe Gillespie outlines print and screen typography differences.
Joe Gillespie outlines print and screen typography differences.
What Future for Web Typography and Screen Fonts?
A lament on the current state of Web fonts and possible future improvements in the use of type on the Web.
A lament on the current state of Web fonts and possible future improvements in the use of type on the Web.