Typography is the study and process of typefaces; how to select, size, arrange, and use them in general. Traditionally, typography was the use of metal types with raised letterforms that were inked and then pressed onto paper. In modern terms, typography today also includes computer display and output.
#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
#32533
Setting Web Type to a Baseline Grid
This article covers the basics of baseline grids—defined grid areas within which content is placed—and how they can be applied effectively to the web medium. In print, baseline grids are almost mandatory. They ensure the bottom of each line of text—its baseline—aligns with a vertical grid, akin to writing on a ruled piece of paper. With books, this means text is always in the same position on the page. This ensures the gaps between lines of text aren’t “filled” with content showing through from the reverse of any page, thereby making the text easier to read. This advantage isn’t relevant for Web design, but the other major advantage—maintaining a vertical rhythm—is.
Grannell, Craig. Opera (2008). Articles>Web Design>Typography>CSS
#32555
Fonts for Web Design: A Primer
Modern CSS provides web designers with an unprecedented level of control over online typography. Restrictions are still imposed however by the limited number of “common” fonts—those typefaces that are generally available cross-platform. This article looks at the fonts web designers have available to them, and also considers their suitability for various tasks.
Grannell, Craig. Opera (2008). Articles>Web Design>Typography
#32557
OpenType fonts often contain a treasure trove of typographic options. Discover some easy ways to enhance your typography by taking advantage of discretionary ligatures, swashes or titling alternates – to name just a few.
Strizver, Ilene. Upper and lowercase Magazine (2008). Design>Typography>Fonts
#32558
The history of Helvetica includes a number of twists and turns. There are, in fact, two versions of Helvetica. The first one is the original design, which was created by Max Miedinger and released by Linotype in 1957. And secondly, in 1983, D. Stempel AG, Linotype’s daughter company, released the Neue Helvetica® design, which was a re-working of the 1957 original.
Strizver, Ilene. Upper and lowercase Magazine (2008). Design>Typography>Fonts
#32559
Setting professional-looking typography is all about attention to detail. Hyphenation is one of these critical details: what and where to hyphenate, and, in some cases, what not to hyphenate. There are times you don’t want text to break at the end of a line, such as a proper name, a phone number or a URL. But if you leave the choice up to auto-hyphenation, it can happen without your consent. This is when the nonbreaking hyphen comes in handy. A nonbreaking hyphen is not really a hyphen; rather, it is a command not to hyphenate. When placed in front of a word or a group of characters acting as a word, such as a phone number, web address or email address, that word will not be hyphenated. This is helpful not only in text, but also in headlines that you don’t want breaking onto two lines.
Strizver, Ilene. Upper and lowercase Magazine (2008). Articles>Typography>Grammar
#32560
Small Caps in InDesign CS3 and QuarkXPress 7
We previously discussed small caps and the importance of using true-drawn versions rather than computer-generated, “fake” ones. Many of today’s OpenType fonts include true-drawn small caps, making it easier than ever to take advantage of this typographically sophisticated feature, but the OpenType interface in both Adobe® InDesign® CS3 and QuarkXpress® 7 can be a bit confusing.
Strizver, Ilene. Upper and lowercase Magazine (2008). Articles>Document Design>Typography>Adobe InDesign
#32561
Will the “Real” Garamond Please Stand Up 
Garamond typefaces, in both their American and European flavors, are generally considered ideal book faces. The design is also an excellent choice for most other forms of continuous text. Magazines, newsletters, annual reports, lengthy advertising copy – for example – are all naturals for the Garamond design.
Illuminating Letters (2008). Design>Document Design>Fonts>Typography
#32562
Hung Punctuation and Optical Margin Alignment
Even with all the technology at the disposal of today’s designers, in the end it’s what the human eye sees that counts. That’s why hung punctuation is one of the skills to master when you’re ready to add professional finesse to your typography. Learn what hung punctuation is and how to achieve it in the leading page layout applications.
Strizver, Ilene. Upper and lowercase Magazine (2008). Articles>Document Design>Typography
#32563
Double Spaces Between Sentences…NOT!
Typing two spaces after a period is a relic of the typewriter era that has hung around long past its sell-by date. Here’s how to make sure none of those double-space dinosaurs find their way into your typeset work.
Strizver, Ilene. Upper and lowercase Magazine (2008). Articles>Document Design>Typography
#32564
Automatic, or manual? No, we’re not talking about transmissions - we’re talking about bullet lists, those frequently used tools for organizing lists of information. Your layout application will be happy to format these lists for you, but for true typographic finesse, it’s time to learn to “drive stick” and call your own shots about bullets, alignment and spacing.
Strizver, Ilene. Upper and lowercase Magazine (2008). Articles>Document Design>Typography
#32565
The Halloween season offers a spookily good excuse to explore the world of scary fonts, but the terror needn’t end there. From media packaging to promotional items, whenever horror, mystery, fear and suspense need to be evoked, scary fonts can sneak up behind your audience and say “boo!”
Strizver, Ilene. Upper and lowercase Magazine (2008). Articles>Typography>Fonts
#32568
Breaking up isn’t hard to do – just do it right so you don’t lose face. Learn why making the right line breaks in display type is essential for good looks and good sense.
Strizver, Ilene. Upper and lowercase Magazine (2008). Articles>Document Design>Typography>Usability
#32569
Space matters. Word space, that is. Different letter and word shapes call for subtly different amounts of space. Learn to see and finesse word spacing in both text and display type with these how-tos.
Strizver, Ilene. Upper and lowercase Magazine (2008). Articles>Typography>Usability>Adobe InDesign
#32570
Comic book writers aren’t the only ones who can use silly, wacky and irreverent fonts. You, too, can give your work a fresh and light-hearted look with one of these fine, fun fonts.
Strizver, Ilene. Upper and lowercase Magazine (2008). Articles>Typography>Fonts
#32571
InDesign Shortcuts: Special Characters
The keyboard is rarely the friendliest path to symbols and special characters. Sometimes a bit of menu magic can guide you past the overwhelming Glyph palette. Indeed, the Special Character flyout palette in Adobe InDesign CS3 is a great shortcut to frequently-used characters and will spare your fingers the keyboard contortions.
Strizver, Ilene. Upper and lowercase Magazine (2008). Articles>Document Design>Typography>Adobe InDesign
#32572
Powerful design software makes many choices available to graphic designers, but just because you can do something doesn’t always mean you should. For example, sometimes it’s a good idea to convert your text layouts to outline, but sometimes it isn’t. Learn more about this occasionally necessary, often ill-advised practice before you decide whether or not it’s time to convert.
Strizver, Ilene. Upper and lowercase Magazine (2008). Articles>Document Design>Typography>Graphic Design
#32573
If there were a “Ten Most Wanted” list for typographic crimes, these hardboiled miscreants would be on it. Learn what the ten worst (and most common) type crimes are, and how to avoid them.
Strizver, Ilene. Upper and lowercase Magazine (2008). Articles>Typography
#32574
OpenType Numerals in InDesign and Quark
Today’s OpenType fonts come equipped with a virtual buffet of numeral styles, but all those choices can be a bit much for your design application to swallow. Here’s a practical guide to help you find your way through the maze of oldstyle, lining, proportional, and tabular, in both InDesign and Quark.
Strizver, Ilene. Upper and lowercase Magazine (2007). Articles>Document Design>Typography>Adobe InDesign
#32575
Sometimes a simple idea can make a big difference in your work. One recent improvement to major design applications is the addition of glyph palettes. This handy feature will help you find and use the exact character you’re looking for – even if your font has thousands to choose from!
Strizver, Ilene. Upper and lowercase Magazine (2007). Articles>Typography>Fonts>Software
#32576
Does designing a table of contents drive you dotty? Next time, remember to say “take me to your tab leader.” Learning how to use your application’s automated tab leader function is a great way to save time and keep your layouts looking professional, down to the last detail.
Strizver, Ilene. Upper and lowercase Magazine (2007). Articles>Document Design>Typography>Adobe InDesign
#32577
Graphic designers love the convenience of today’s computer-created type designs, but too much perfection can get boring. When your eye gets tired of all those flawless, digitally-precise letters, it’s time to explore distressed typefaces. They’re weather-beaten, inconsistent, and utterly, irresistibly human.
Strizver, Ilene. Upper and lowercase Magazine (2007). Articles>Typography>Fonts
#32578
Finessing Typographic Details: Positioning Punctuation
Are your characters depressed? When punctuation marks are positioned next to ALL CAPS, it can leave them looking a little low. Even making small adjustments in a character’s position will create greater visual balance and give your layout a “lift,” especially in display sizes.
Strizver, Ilene. Upper and lowercase Magazine (2007). Articles>Document Design>Typography
#32594
How to Design a Logo of Letters
Are you known by your initials? Turn those letters into a terrific signature!
#32719
Vintage and Retro Typography Showcase
In this article, we go retro, finding beautiful examples of vintage typography and the modern work they’ve inspired. Looking back, it’s easy to see why some of this type has stood the test of time and is still lingering in the design community today.
Smashing (2008). Design>Graphic Design>Typography
