“A modular scale is a sequence of numbers that relate to one another in a meaningful way. Learn how to apply modular scales to bring resonance to your designs.”

More Meaningful Typography

“ A through explanation of what is OpenType. ”

Beginners Guide to OpenType

“ In a nutshell, Typedia is a community website to classify typefaces and educate people about them. Think of it like a mix between IMDb and Wikipedia, but just for type. Anyone can join, add, and edit pages for typefaces or for the people behind the type. ”

Typedia

“ It's said that when launching a new ship, it's bad luck if the ceremonial bottle of champagne doesn't break. Well, if the ship in question is Typographica's long-awaited redesign, then there is no need to worry, because this list - the site's fifth annual accounting of the best in new typeface design - represents the proverbial bottle being blasted into oblivion, showering all onlookers with a selection of amazing typefaces. ”

Favorite typefaces of 2008

“ WLT is an image, video and text “bookmarking” site that is wholly dedicated to type-related content. Think of it as a type-centric and visional delicious, if you like.”

welovetypography

“ Many people, designers included, think that typography consists of only selecting a typeface, choosing a font size and whether it should be regular or bold. For most people it ends there. But there is much more to achieving good typography and it's in the details that designers often neglect. ”

8 Simple Ways to Improve Typography In Your Designs

On I Love Typography :

• On diacritics
• Inconspicuous vertical metrics

A book in PDF format by Massimo Vignelli on understanding typography in graphic design (via AisleOne):

The Vignelli Canon (pdf)

30 inspiring type treatments

“ The first W3C Recommendation for CSS level 2 (1998) included a feature called “Web Fonts” to deal with the situation where a style sheet referred to a font that wasn't present on the user's machine. One thing it allowed was a link to a remote font file so that it could be downloaded. Only Microsoft decided to implement it. ”

For and against standardizing font embedding

“ This site intends to survey all of the signs in New York City from 14th Street to 42nd Street. Of course, this is not possible, since there would be tens of thousands of signs within this area. The 29 crosstown streets are each 10 to 11 blocks long (1st Ave. to 11th or 12th Aves.). This gives some 300 blocks, each containing, say, 100 signs of one type or another. This would total 30,000. Even if we eliminated the repetitive traffic signs (actually, each one is different, in setting if not otherwise), the remainder would probably be over 20,000 ... ”

I'm Italian so I couldn't resist..I don't know any of the foods written on the sign...maybe Frank is not Italian? Just kidding, I actually like this web site quite a lot.

NEW YORK CITY SIGNS -- 14TH TO 42ND STREET

“ The final test for running text is legibility, so failing to notice would mean the style was not imposing on the text. The texture was good. When they occur, stylistic interruptions provide me with food for thought. If the punctuation interrupts the meaning, it demands fresh scrutiny. Double quotation marks seemed to interrupt by emphasizing too heavily. ”

Quotation Marks & Texture

TYPE IS ART, use parts of characters to create new forms:

Type is Art

TYPECHART lets you flip through, preview and compare web typography while retrieving the CSS :

TYPECHART

“ Hit pause for a moment and consider how greatly we - people in the digital age - are indebted to typographers. Almost all of our visual communication is delivered using the products of their craft: newspapers, SMSes, instant messages, emails, web pages, signs, posters, billboards; the list of purposes is endless. In these days where looping strokes have been replaced by keyboard clickety-clack, typographers define the style and tone of our missives. Would you like to be elegant, modern, childish or ... disturbed? Then you can choose between Garamond, Montag, Comic Sans, Zebraflesh, and a thousand more. There's great power in a typeface, but what's always interested me more than the typeface is the designer behind it - why did they create the typeface? Where did their inspiration come from? How did they start? ”

Handwritten typographers

“ In Melbourne I developed a way-finding-system for the Eureka Tower Carpark while working for Emery Studio. The distorted letters on the wall can be read perfectly when standing at the right position. ”

Eureka Tower Carpark

On designfeedr :

Stunning illustrated typography on dark backgrounds

On SCP :

Design Inspiration: typography posters

The library and the blog of Jos Buivenga (LJB) where you can find his (8) free fonts:

• exljbris Font Foundry
• exljbris - Free Quality Font Foundry (the blog)

On davidthedesigner a series of articles on:

52 fonts you could use instead of helvetica

A beautiful post on BibliOdyssey:

Calligraphy Exhibition

Beautiful calligraphy images. Links to the artists' pages are provided.

One more article on the history of type on I Love Typography :

A Brief History of Type - Part 5
Slab Serif / Egyptian

i love typography's Sunday Type post is, as usual, a treasure chest:

Sunday Type: ornament type

An interesting article on the use of font-stacks:
Better CSS Font Stacks

And a guide to the most common fonts on Windows, Mac and Unix platforms:
CSS font sampler and survey

Four beautiful articles on type history:

• Type Terminology: Humanist
• Type Terminology: Old Style
• Type Terms: Transitional Type
• A Brief History of Type

“ 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