#21757
Being unhappy with the current wisdom and distrustful of our browsers, I wanted to have the font sizing options laid out so I could see where they did and didn't work. So I made 264 screenshots. This collection is posted for anyone else who is unhappy and distrustful.
Noodle Incident, The (2002). Design>Web Design>Typography>CSS
#28438
Logos in the form of words or letters have natural properties that make them visually effective: (see also logos article): good recognition; good descriptiveness; and good presence.
Hunt, Ben. Web Design From Scratch (2005). Design>Graphic Design>Web Design>Typography
#21178
Toward a Standard Font Size Interval System
This document discusses the strengths and weaknesses of various deployed and recommended methods of specifying font sizes in Web documents and application interfaces, and proposes a harmonization. This scheme will enhance the legibility, clarity, and aesthetics of documents presented on screen, and help retire less elegant alternatives that are hurtful to the Web as a dynamic information resource - one that is accessible to users with widely varying needs and purposes. It is intended for Web browser and stylesheet implementors of all religions, but may be of interest to Web authors and digital typography and/or CSS enthusiasts at large.
Fahrner, Todd. Cleverchimp (1999). Design>Web Design>Typography>CSS
#20230
More than you ever wanted to know about dashes, spaces, curly quotes, and other vagaries of online typography. HTML specs, grammatical rules, browser bugs and character encoding—it’s all here.
Sheering, Peter K. List Apart, A (2001). Design>Web Design>CSS>Typography
#18586
Typography is the balance and interplay of letterforms on the page, a verbal and visual equation that helps the reader understand the form and absorb the substance of the page content. Typography plays a dual role as both verbal and visual communication. As readers scan a page they are subconsciously aware of both functions: first they survey the overall graphic patterns of the page, then they parse the language, or read. Good typography establishes a visual hierarchy for rendering prose on the page by providing visual punctuation and graphic accents that help readers understand relations between prose and pictures, headlines and subordinate blocks of text.
Lynch, Patrick J. and Sarah Horton. Yale University (1999). Design>Typography>Web Design
#20231
It's a style thing. It's a usability thing. It's a tricky thing for large content sites and a step up for independents. It's typographically correct punctuation on the web, and ALA's associate editor makes the case for it.
Kissane, Erin. List Apart, A (2001). Design>Typography>CSS>Web Design
#27475
Peter Hall explores the changing role of typography in the news media.
Hall, Peter. Font Magazine (2003). Design>Typography>Journalism>Web Design
#14929
Authors accustomed to controlling every aspect of their document's presentation are often frustrated by their inability to control document presentation on the Web. There is a Web Uncertainty Principle that says you cannot simultaneously determine the presentation of a document to all viewers and maintain its 'webness.' It is impossible, and it is a good thing. What appear to be problems controlling typography are the result of permitting users to control how information is presented to them. Modern web browsers provide many opportunities for users to change an author's intended presentation. To some this is a problem — possibly, a threat — while to others it is liberating.
Linderman, R. Ivan. Silicon Valley Connection (2002). Design>Typography>Web Design
#20445
The War Between Text and Links
There are tiny typographic battles being fought on the Web, from page to page and site to site, skirmishes in a larger conflict between text and links. Like many wars, this one has a thin ideological gloss that obscures a deeper economic and territorial conflict.
Gunn, Eileen. Upper and lowercase Magazine (1998). Design>Typography>Web Design
#28210
95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: typography.
Information Architects Japan (2006). Design>Web Design>Typography
#18421
One of the most important rules of web design is that your site should be easy to read. This is determined by a number of factors.
#18228
The purpose of my Web Page Design for Designers site is not to teach people how to produce web pages. There is little mention of HTML or any other technical stuff except where necessary. It is assumed that the reader already has a grasp of HTML programming, or has made the decision to use a WYSIWYG Web page editor. It is aimed at people who are already involved with design and typography for conventional print and want to explore the possibilities of this new electronic medium. They are probably already using page layout tools like QuarkXPress, Photoshop, Freehand and Illustrator and have discovered that designing web pages is something quite different.
#18229
Web Page Design for Designers: Typography
Good typography is just as important on a web page as it is in any other medium. The fact that it appears on a computer screen and not on a piece of paper is immaterial, it should still be pleasing to look at and easy to read. In every situation where type is used - in publishing, signage, packaging, television etc. - the designer has to adapt his techniques to suit the medium.
#25898
While you may never consciously notice the typefaces used on a Web page, they subconsciously affect the way you feel about the page.
Will-Harris, Daniel. EFuse (2004). Design>Web Design>Typography
#25760
What stays the same, and what's different when you go from books and magazines to websites? Allow me one digression, and then I'll get to specific implications of the switch to onscreen reading.
Boynton, J.R. Diamond Lane, The. Design>Web Design>Typography
#13347
Though many outside the design community see type as 'just lines on a page,' it has long been considered an art form, as well as a potent form of communication with a stylistic language all its own. From the calligraphy schools of ancient China to the explosive new forms of David Carson, it's clear that type is more than just a vehicle for conveying information to the user. If done right, type can be one of the most powerful tools for shaping the way an audience perceives written information, written information such as these very fiery-hot words you see before you. The pages that follow are your mini-guidebook to the strange and magical land of type. Your guide on this tour is Webmonkey Nadav, the designer with a human-friendly touch.
Savio, Nadav. Webmonkey (2001). Design>Typography>Web Design
#19409
Website Layout: What Works Best--Fluid, Centered, or Left-Justified? 
How should you lay out your website? Michael Bernard and Laurie Larsen from Wichita State University published a study where they compared three layouts: Fluid, Centered (fixed-width) and Left-justified (fixed-width).
Bailey, Robert. Web Usability (2002). Design>Typography>Web Design
#21180
A thousand-word GIF essay and a dump of ill-edited correspondence on units of measure for Web design.
Fahrner, Todd. Cleverchimp (1999). Design>Web Design>Typography
#30605
A zoom layout uses CSS (cascading stylesheets) to automatically reformat a page so it's easier for a low-vision user to read. Multiple columns become single columns, navigation gets simplified and put at the top, fonts become bigger, and (usually) colours are set to light on dark.
Clark, Joe. JoeClark.org (2005). Design>Web Design>Accessibility>Typography
#32106
A Guide to Web Typography. The Basics
Typography for the Web has come a long way since Tim Berners-Lee flipped the switch in 1991. Back in the days of IE 1.0, good web typography was something of an oxymoron. Today things are different. Not only do we have browsers that support images (gasp!), but we have the opportunity to make our web pages come to life through great typography.
I Love Typography (2008). Design>Web Design>Typography
#32111
Fifteen Excellent Examples of Web Typography. Part 1
I have spent the last month searching, stumbling, noting, bookmarking and analysing in a quest to find 15 Excellent examples of Web Typography. I’ve chosen them because they make excellent use of type. Some of the examples mimic the typography of print, while others actually leverage web technology, smart CSS and delicious HTML to make their pages not only aesthetically pleasing, but legible, user-friendly and easily navigable.
I Love Typography (2007). Design>Web Design>Typography
#32112
Fifteen Great Examples of Web Typography. Part 2
What better way to start the year than with a little typographic inspiration. Last year I published 15 Excellent Examples of Web Typography, and owing to its popularity and people’s sateless appetite for lists, here are another 15.
I Love Typography (2008). Design>Web Design>Typography>Case Studies
#32408
Seven Tips for Replacing the Font Tag
Replacing font tags with semantic code and CSS isn’t as terribly difficult as it might seem at the outset. To help you along your way, here are a few tips on how to tackle the project.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Typography>CSS
#32436
In this article I’ll look at exactly why typography is limited on the web (compared to print design) and present some tips to follow for good web typography, along with an example web page that demonstrates some of these tips. Don’t worry if you don’t understand the CSS and HTML code at this stage—the point here is to make you think about design. While you are going through the article, it might be an idea to have a pen(cil) and paper by your side so you can start to sketch ideas about text layout.
Haine, Paul. Opera (2008). Articles>Web Design>Typography
#32463
The Resurrection of Downloadable Web Fonts
Despite it being in the CSS 2 specification from 1998, downloadable fonts specified with the @font-face at-rule never caught on. The main reason was that Microsoft and Netscape chose to support different font formats, neither of which was in wide use. However, that may be about to change. As reported in Downloadable Fonts, recent nightly builds of Apple WebKit (not the normal nightly build but a feature branch) support @font-face rules with TrueType fonts. The browser will download the font file you specify and use the typeface it contains just like any other.
Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Typography
