“ Welcome to CarType. A comprehensive study and collection of reviews and typographical applications of emblems, car company logos and car logos with images, comments, links, car company information and general interest.”

cartype

“ There are some basic approaches, guidelines and goals to consider when working with type on the Web. Overall, the medium of Web typography involves readability, accessibility, usability, and brandability. On the Web, these aspects function together to accomplish design's goals of communication and user interaction.”

5 Principles And Ideas Of Setting Type On The Web

“ Design is broken up into a number of basic principles that apply to all design from type creation to painting to page layout, both on the web and in print. However, especially on the web, these rules tend to be forgotten and we just go with what feels “right”. This isn't because designers are feeling too loose to abandon these rules, but rather, most people working on the web don't even know they exist - if they do, they don't understand how to use them.”

The Elements of Design Applied to the Web

Via Veerle's blog:

“ The term ampersand, as Geoffrey Glaister writes in his “Glossary of the Book”, is a corruption of and (&) per se and, which literally means “(the character) & by itself (is the word) and”. The symbol & is derived from the ligature of ET or et, which is the Latin word for “and”.”

The ampersand

Another post on Authentic Boredom :

Techniques for designing with type characters

A very beautiful way of using characters.

“ In this article I will attempt to illustrate my design process - from typeface concept to a marketable font. Not many folks are willing to write about this. Perhaps they find it boring, irrelevant or just a little bit personal. I suspect it is a mix of all the above.”

Newzald: From Moleskine to Market

Very interesting article. Thanks Kris.

Via AceJet170:

“ Numerals (or figures) can take various forms. The figure style you choose ought to be appropriate to the project you are working on. Readability is key. But which style is best for which purpose?”

Oldstyle/Lining/Tabular figures explained

“ Like most punctuation, the paragraph mark (or pilcrow) has an exotic history. It's tempting to recognize the symbol as a “P for paragraph” though the resemblance is incidental: in its original form, the mark was an open C crossed by a vertical line or two, a scribal abbreviation for capitulum, the Latin word for chapter.”

Pilcrow & Capitulum

On Information Architects Japan:

The 100% Easy-2-Read Standard

Good article, I often end up having to adjust the font size. I would have thought almost anyone knew about sizing text at this point in time but many times readability is still a problem.

Two articles on WebDesignerWall:

Typographic Contrast and Flow

Vector Polishing Techniques

Two articles on 24ways:

Typesetting Tables by Mark Boulton

Transparent PNGs in Internet Explorer 6 by Drew McLellan

An article on A List Apart:

How to Size Text in CSS

“ Published in 1954, Fitts's Law is an effective method of modeling the relationship of a very specific, yet common situation in interface design. That situation involves a human-powered appendage at rest (whether it's physical like your finger or virtual like a mouse cursor) and a target area that's located somewhere else.”

Visualizing Fitts's Law

“ Good typographic design tells a story. It works at a micro level such as typesetting, and typeface selection etc. But it also works at a macro level. Macro level typography is about layout, rhythm and whitespace. But it's also about content and the story the designer is trying to tell through the type.”

Content AND Presentation

Some resources to make it easier to find typographic inspiration and instruction:

40 sources

“ Web pages are more akin to print editorial pages than print advertising pages in their complexity and sequentiality. Web ads, however, can be compared to television commercials: web ads are brief, five-second spots, compared to the thirty-second spots that appear, for example, on the network news.”

Typography and Web Advertising

By Mark Boulton:

Incremental leading

Third post of the Uncommon knowledge series by AceJet170 :
003
and a comment post on it:
uncommon knowlege

On webtypography.net:

Indent or center verse quotations

Via Ace Jet 170:

NY City Transit Authority Graphics Standards

Three article typography related on iA:

The 100% Easy-2-Read Standard

Web Design is 95% Typography (1)

Web Design is 95% Typography (2)

On Ideasonideas:

Five foundries

Two articles on Think Vitamin:

Looking at type

“ Choosing the best fonts for your site is about more than making it look pretty: different typefaces send out different signals.”

Why standards still matter

“ The last couple of years may have seen an increase in the level of interest and action around web standards. But it still isn't filtering down to the mainstream.”

I believe that the Net should be a place open to all. Those that can afford to buy have no problem but those that don't should still have a chance. Lately Andrei Herasimchuk as asked for some fonts to be freely available. I agree, so I thought I'll make my case and join my voice to theirs (as asked by Andrei):

• Design by Fire: open letter to John Warnock
  the original request by Andrei Herasimchuk
• Clagnut: on fonts for the web
• Cameron Moll:
  typefaces no one gets fired for using (an aside)

So, Mr. John Wornock, thanks for all you've done and we'd appreciate if you'd release some of those fonts.

Three interesting posts on Noisy Decent Graphics:

• overdue kerning homework
• 10 things they never taught me in design school
• 30 things about printing, ideas and stuff

Five simple steps to better typography
five good articles by Mark Boulton

Photoshop type tips
a good tip on how to choose fonts

Via typographic trivia on India,Ink. :

Lost Things in the Garden of Type

Using proper quotation marks:

• On a Mac, use Option+] and Shift+Option+] for the left (open) and right (closed) single quotes. For Windows, use ALT 0145 and ALT 0146 for the left and right single quotes (hold down the ALT key and type the numbers on the numeric keypad)
• On a Mac, use Option+[ and Shift+Option+[ for the left and right double quotes. For Windows, use ALT 0147 and ALT 0148 for the left and right double quotation marks (curly quotes)
• In HTML code the characters as ‘ for ‘ and ’ for ’ and “ for “ and ” for ” (ampersand, pound sign, number, semi-colon)
• The Unicode numeric entities of ‘ for ‘ and ’ for ’ and “ for “ and ” for ” (ampersand, pound sign, number, semi-colon)

When using the ALT keystrokes in Windows, use the numeric keypad not the row of numbers above the alphabet and be sure Num Lock is turned ON.

There are some important differences between Windows and non-Windows display of characters:
on the use of some MS Windows characters in HTML

Typography and CSS on Digital Web Magazine

On 24 Ways css background images

• Sensible forms
• Typeface selection
• Z's not dead

An article on Sitepoint about web fonts:

Anatomy of web fonts.

The Elements of Typographic Style Applied to the Web. A practical guide to web typography: webtypography.net