Skip to content

38 posts tagged with “typography”

I’ve had Matthew Butterick’s Practical Typography website/ebook bookmarked since I discovered it over ten years ago. It’s making the rounds again, and I think it’s a good reminder that we are all “professional writers” as he describes:

When we think of “professional writers” we probably think of novelists, screenwriters, or journalists. But the programmer, the scientist, the lawyer—and you, if your work depends on presenting written ideas—all deserve to be called professional writers.

But as professional writers, we do more than write. We edit, we format, we print, we generate PDFs, we make web pages. More than ever, we’re responsible for delivering the written word to our readers. So we’re not just writers—we’re publishers.

Typography is the visual component of the written word. Thus, being a publisher of the written word necessarily means being a typographer.

He’s right. As much of our work is in producing documents and content, we are publishers. Here are a few of my favorite pages:

This book reminds me of a couple of seminal books from the early 1990s: The Mac Is Not a Typewriter by Robin Williams and Stop Stealing Sheep by Erik Spiekermann and E. M. Ginger. The former is how I learned all the basics, back when I was designing my high school’s newspaper. The latter is more comprehensive, going deeper into how type works conceptually. These three are all essential resources for any designer.

Butterick’s Practical Typography

Butterick’s Practical Typography

Typography is the visual component of the written word. Thus, being a publisher of the written word necessarily means being a typographer.

practicaltypography.com iconpracticaltypography.com
3D red text “VOTE” with aviator sunglasses above it

Art for Biden

Sometimes it takes a small push to get the creative obsessions going. Like the majority of the country, I’ve been appalled at Donald Trump’s presidency. From his administration’s cruel policies to just how awful of a man Trump has shown himself, I have been gritting my teeth for four years, waiting for him to lose his re-election bid. I was profoundly concerned about democracy in the United States and how it was being actively undermined by Trump and his band of far-right Republicans.

When Trump ran against Hillary Clinton in 2016, I made a poster and website called “Inside Trump’s Brain.” I knew back then how terrible of a president he would be, but had hoped he’d grow into the office. Boy, was I wrong.

So when Joe Biden won the Democratic nomination, I needed to do all I could to get him elected and make Trump a one-term president.

Re-Typesetting the Star Wars Crawl

Recently Guillermo Esteves did a fantastic experiment with HTML5 and CSS3 by recreating the opening crawl to Star Wars. Although it only currently works in Safari 4, it’s a good preview of how to create something dynamic using web standards and web fonts once the other browsers come along.

But Guillermo’s experiment also reminded me of how awful the typography was of those opening crawls. The original Star Wars opening crawl uses two different typefaces (three if you count “A long time ago…”), is justified without hyphenation, and thus creates obvious rivers and awkward tracking.

Opening crawl from Star Wars: Episode IV – A New Hope, introducing the Rebel Alliance’s theft of the Death Star plans and the Galactic Empire’s threat.

Where Is the Craftsmanship?

quotes_main

Quotes Pro

Whenever I look at anything with words on it, I look at the typography. Bring me to a local corner lunch cafe with a menu typed out and printed from Microsoft Word and I will have a field day. I would judge even more harshly at a more expensive restaurant. I can’t help it as I—like most designers, I’m sure—just look at everything with a critical eye.