Advertise here with Carbon Ads

This site is made possible by member support. ❤️

Big thanks to Arcustech for hosting the site and offering amazing tech support.

When you buy through links on kottke.org, I may earn an affiliate commission. Thanks for supporting the site!

kottke.org. home of fine hypertext products since 1998.

🍔  💀  📸  😭  🕳️  🤠  🎬  🥔

kottke.org posts about typography

Typeset in the Future, a book about the typography & design of science fiction movies

Typeset In The Future

Inspired by the website of the same name, Dave Addey’s Typeset in the Future will look at how design and typography is used to build futuristic worlds in science fiction movies like 2001, Wall-E, Star Trek, and Blade Runner.

The book delves deep into 2001: A Space Odyssey, Star Trek: The Motion Picture, Alien, Blade Runner, Total Recall, WALL-E, and Moon, studying the design tricks and inspirations that make each film transcend mere celluloid and become a believable reality. These studies are illustrated by film stills, concept art, type specimens, and ephemera, plus original interviews with Mike Okuda (Star Trek), Paul Verhoeven (Total Recall), and Ralph Eggleston and Craig Foster (Pixar).

You can pre-order the book on Amazon.


How Trajan became the go-to typeface for movie posters

In the early 90s, a digital typeface designed in the 80s — but based on the letterforms used in a Roman column completed in 113 AD — became the go-to typeface for movie poster designers. (Reminder: everything is a remix.) It was used on posters for movies like The Bodyguard, Crouching Tiger Hidden Dragon, Children of Men, and Quiz Show. This Vox video details the rise of the Trajan typeface in movie poster design and why its not used that often by big movies anymore.


Simple and dynamic typographic posters by Xtian Miller

Xtian Miller

Xtian Miller

Xtian Miller

Xtian Miller

Designer Xtian Miller designs new posters “nearly every day”. You can see his prodigious output on Dribbble and Instagram. His website is worth a look as well. (via the outline)


The cool futuristic typeface from the Black Panther ending credits

If you’ve seen Black Panther, you likely noticed the distinctive typeface used for the location labels and, more prominently, in the ending credits:

Black Panther Font

The typeface is called BEYNO and was designed by Swiss designer and illustrator Fabian Korn. It looks like some of the letters were slightly modified for the movie (the “E” and “Y” for example). You can buy the original font from Korn for $5 on Creative Market so you can make your own captions from the movie:

Black Panther Font


All the typefaces used on the iconic Huy Fong sriracha label

Fonts in Use took a crack at identifying the crazy quilt of typefaces used on the label of Huy Fong sriracha.

Sriracha Fonts

The most prominent Latin text elements are rendered in a variety of informal script typefaces released by American Type Founders in the 20th century, namely Balloon and its shaded counterpart, Balloon Drop Shadow, as well as Brody. Smaller text on the back of the bottle is set in Impress and Tekton.

And they threw Arial in there for good measure. Oof. Don’t miss the first comment about the label’s Chinese fonts; “In the West, PMingLiu has become a prominent component of what some might call the “Asian diaspora aesthetics”. In East Asia, it is seen as the signature for those typographically unenlightened.”

P.S. No one knows who drew the label’s iconic rooster. And remember when people were stockpiling Huy Fong sriracha due to shortages? Simpler times.

Update: After I wondered on Twitter what the Huy Fong sriracha label would look like if the great Modernist designer Massimo Vignelli designed it, the folks at Major Interactive came up with this:

Sriracha Helvetica

*slow clap*


The Tree Alphabet

Tree Alphabet

The Tree Alphabet was made by Katie Holten and was used in her book, About Trees (Amazon), which features writing from Jorge Luis Borges, Charles Darwin, Ada Lovelace, Elizabeth Kolbert, and Robert Macfarlane.

In ABOUT TREES, Katie Holten invites us to enter some of these forests. She has created a Tree Alphabet and used it to translate a compendium of well known, loved, lost and new writing. She takes readers on a journey from ‘primeval atoms’ and cave paintings to the death of a 3,500 year-old cypress tree, from Tree Clocks in Mongolia and forest fragments in the Amazon to Emerson’s language of fossil poetry, unearthing a grove of beautiful stories along the way.

The Trees font file is available for free download and prints of the Tree Alphabet are available as well.


Arrival: future communication, past perspective

In his newest video, Evan Puschak talks about Arrival, calling it “a response to bad movies”. Arrival was perhaps my favorite film of 2016, and I agree with him about how well-made this film is. There’s a top-to-bottom attention to craft on display, from how it looks to how it was cast (Amy Adams was the absolute perfect choice for the lead) to the integration of the theme with story to how expertly it was adapted from Ted Chiang’s Story of Your Life. The whole thing’s tight as a drum. If you happened to miss it, don’t watch this video (it gives the whole thing away) and go watch it instead…it’s available to rent/buy on Amazon.

Looking back through the archives, I’m realizing I never did a post about Arrival even though I collected some links about it. So, linkdump time!

Wired wrote about how the movie’s alien alphabet was developed.

Stephen Wolfram wrote about his involvement with the science of the film — his son Christopher wrote Mathematica code for some of the on-screen visuals. 1

Science vs Cinema explored how well the movie represented actual science:

Screenwriter Eric Heisserer wrote about how he adapted Chiang’s short story for the screen.

Jordan Brower wrote a perceptive review/analysis that includes links to several other resources about the film.

Update: The director of photography for Arrival was Bradford Young, who shot Selma and is currently working on the Han Solo movie for Disney. Young did an interview with No Film School just before Arrival came out.

I’m from the South, so quilts are a big part of telling our story. Quilting is ancient, but in the South it’s a very particular translation of idea, time, and space. In my own practice as an image maker, I slowly began to be less concerned with precision and more concerned with feeling.

Quiltmakers are rigorous, but they’re a mixed media format. I think filmmaking should be a mixed media format. I’m just really honoring what quiltmakers do, which is tell a story by using varying texture within a specific framework to communicate an idea. For me, with digital technology, lenses do that the best. The chips don’t do it now-digital film stock is basically all captured the same, but the lenses are how you give the image its textural quality.

(thx, raafi)

Update: James Gleick, author of Time Travel, wrote about Arrival and Story of Your Life for The New York Review of Books.

What if the future is as real as the past? Physicists have been suggesting as much since Einstein. It’s all just the space-time continuum. “So in the future, the sister of the past,” thinks young Stephen Dedalus in Ulysses, “I may see myself as I sit here now but by reflection from that which then I shall be.” Twisty! What if you received knowledge of your own tragic future-as a gift, or perhaps a curse? What if your all-too-vivid sensation of free will is merely an illusion? These are the roads down which Chiang’s story leads us. When I first read it, I meant to discuss it in the book I was writing about time travel, but I could never manage that. It’s not a time-travel story in any literal sense. It’s a remarkable work of imagination, original and cerebral, and, I would have thought, unfilmable. I was wrong.

(via @fquist)

  1. Christopher was 15 or 16 when he worked on the film. His LinkedIn profile states that he’s been a programmer for Wolfram (the company) since he was 13 and that in addition to his work on Arrival, he “implemented the primary cryptography functions in Mathematica”.


The typography of Stanley Kubrick

Kubrick Typography

From designer Christian Annyas, an overview of the typography used in the titles and posters of Stanley Kubrick’s movies. Click on each graphic to see the poster or title sequence it was sourced from.


The uncelebrated typographers of the road

A lovely short video profile of Thomas Lilley, who is a roadliner in Glasgow. A roadliner is a person who paints the words and marks on roads with molten thermoplastic. Lilley does it quickly, freehand, and beautifully. The design firm who did the video above commissioned Lilley’s crew to make a custom typeface for them and their new logo.

See also The art of street typography. (via @mathowie)


Poem from 1943 complaining about poor street sign typography in NYC

Nyc Type Poem

In 1943, artist and poet Gelett Burgess wrote a poem to New York Mayor Fiorello La Guardia complaining of the poor typography on some of the city’s street signs. La Guardia wrote back, also in verse. (via @john_overholt)


Weird 80s font convergence

Just learned/realized that the old logos for Reebok, Apple, and Trapper Keeper all use the same typeface, Motter Tektura.

Motter Tektura

Motter Tektura

Motter Tektura

(via @pieratt)


Quentin Blake’s handwriting typeface

Twits

If you’ve read a book like Danny the Champion of the World or Charlie and the Chocolate Factory, you have seen the work of illustrator Quentin Blake.

Type foundry Monotype have created a typeface from Blake’s distinctive handwriting. Each letter has four variants so the text looks more random, like actual handwriting:

Quentin Blake font


Hillary Clinton logo typeface

Inspired by the logo for Hillary Clinton’s 2016 Presidential run, designer Rick Wolff created an entire uppercase alphabet for a typeface he’s calling Hillvetica.

Hillvetica

From his Twitter stream, it appears that Wolff is attempting to make an actual Hillvetica font so stay tuned. FYI, Pentagram partner Michael Bierut designed the logo. The simplicity is appealing, but overall I am not a big fan of the arrowed H.

Update: The Washington Post made a little text editor so you can write whatever you want in Hillvetica. The Clinton campaign has already put it to use:


Haas Unica rides again

Haas Unica

Conceived in the late 1970s as a hybrid of three of the most popular (and some would say, overused) sans-serif typefaces in the world, Haas Unica didn’t make the digital jump to personal computers in the 1980s. It was nearly forgotten, but has been revived by Monotype, which released Neue Haas Unica as a webfont today.

Unica® was an attempt to create the ultimate sans-serif - a hybrid of Helvetica, Univers and Akzidenz Grotesk. Designed by Team ‘77 and released to great acclaim in 1980, Unica went missing under a heap of legal disputes and has never been available as a full, digital typeface. Until now.

Unica’s story starts in the 1970s. Electronic, on-screen phototypesetting was gaining popularity, but most sans-serif typefaces on the market had been designed earlier, in the era of metal type. The revered Haas Type Foundry in Münchenstein, Switzerland, saw the chance to develop a new sans-serif face that was optimized for the new technology and filled the gap in the market. To develop their new product, they turned to Swiss type design trio, Team ‘77 (André Gürtler, Christian Mengelt and Erich Gschwind).

Team ‘77 set out to design a font based on Helvetica but drawing on other sans-serif typefaces, principally Univers. The name they gave it would also be a hybrid of the two.

The original name for Helvetica was Neue Haas Grotesk. Haas + Univers + Helvetica = Haas Unica.

Update: Several digital versions of Haas Unica have been available prior to this one.

For many years a digital version of Unica was available from Scangraphic (and Elsner+Flake) but it was pulled from the market due to a complaint by Linotype who claims the Haas rights. In 2008, Cornel Windlin did a Semibold for the the Schauspielhaus Zürich identity, used in 2009-10. Later, Louise Paradis created a revival named Unica Intermediate while doing research for the TM retrospective.

(via @typographica)


Top new typefaces of 2014

Cooper Hewitt typeface

Although I am slowly coming around1 to Massimo Vignelli’s assertion that designers should only use a handful of typefaces, I enjoyed seeing Typographica’s list of their favorite typefaces of 2014.

Typeface design and distribution is in a state of rapid change. Last year we noted its diffusion around the globe, and that trend persists. The majority of font production is no longer concentrated in a few regional epicenters.

That goes for corporate epicenters as well. The independence of type designers themselves is increasingly evident. Small foundries have existed since the dawn of digital fonts, but now they are the norm. Only a handful of the selections in this year’s list were published by companies with more than ten employees.

I discovered that one of the selections, a beautiful custom typeface made for the reopening/rebranding of the Cooper Hewitt Design Museum (sample shown above), has been made available by the museum for free download (including a web fonts version).

  1. I mean, not really. But when 95% of everything sucks, paring down to only the good stuff is a seductive idea, isn’t it? Also, Vignelli’s NYC subway map was not good and would have benefitted from a less Swiss approach.


The typography of Alien

The excellent Typeset in the Future covers the typography in Ridley Scott’s Alien.

Alien Typography

Previously 2001: A Space Odyssey and Moon. (via df)


Apple Watch font on OS X Yosemite

I just upgraded to OS X Yosemite yesterday1 and the Helvetica as the system font is as jarring as everyone says it is. But that new Apple Watch font, San Francisco, seems really nice. So of course someone has worked out a way to use the Watch font as the system font on Yosemite. Here’s what you do…just type the following in Terminal.app:

ruby -e “$(curl -fsSL https://raw.github.com/wellsriley/YosemiteSanFranciscoFont/master/install)”

Then restart your computer. Full instructions are on GitHub. Here’s what it looks like:

Apple Watch font on Yosemite

Pretty nice. But it’s not perfect. For instance, look at the text in the Chrome tabs…it’s not aligned correctly. And if you have the fast user switching menu enabled in the menu bar, that’s weirdly misaligned too. If you’d like, you can also switch back to using the previous font, Lucida Grande.

  1. From 10.8, no less. I’d been wary of upgrading for the past couple years due to the 15 hours I’d have to spend getting my development environment back into working order again. New version of Apache? Perl moved? Oh, I need to install memcached again? Where did all my configuration files go? [hair tearing out noise] But recently I moved my web development to Vagrant and holy crap is that a game changer. After updating OS X last night, I just issued a quick ‘vagrant up’ command and there was my dev environment, just like I left it. Awesome.


Moonrise Kingdom typeface

Tilda Font

Jessica Hische and Font Bureau have teamed up to offer the typeface Hische designed for Wes Anderson’s Moonrise Kingdom. Meet Tilda (great name). Art of the Title interviewed Hische about the typeface last year.


How typefaces get their names

Font Naming

From Tobias Frere-Jones, a short history of how typefaces get their names.

Years ago, I asked one of my mentors what he thought was the hardest part of designing a typeface. I was expecting “the cap S” or “the italic lowercase” or something like that. But he answered without hesitation: the name. Finding the name is the hardest part.


Video tour of Brooklyn and Queens typography

Join designer James Victore for an opinionated tour of the typography of Brooklyn and Queens.

We’re going to do a typographical tour of Brooklyn and Queens, We’re going to look at type on the street and signage on the street and try to figure out what the hell it’s for.

Favorite quote: [Pointing at a logo for a waxing salon] “There’s been a designer here. Which is not always a good thing.” (via gothamist)


Hoefler, Frere-Jones, and the celebrity typographer “type designer”

A Type House Divided” is Jason Fagone’s feature for New York magazine on former partners Jonathan Hoefler and Tobias Frere-Jones, who split up earlier this year after disagreeing about the nature of their partnership. (TFJ thought he was a fifty-fifty partner; Hoefler says he was an employee.)

While the story covers both sides of the dispute with detail and pathos, the most affecting bits treat how H & FJ worked together and the tiny details of the letters they made and loved:

At his computer, he drew an uppercase H, O, and D, because they contained flat and round elements that would determine how other letters looked. When he moved on to the G, the R, and the S, he started to deviate from the mathematical grid, hoping to give the font a subliminal playfulness. As he filled out the alphabet, the letters revealed a promising flexibility; if Frere-Jones set text in caps and spread the spacing out, the words felt authoritarian, imposing, and if he set them in lowercase and pulled the spacing in, they felt fresh and young. He tried to think of a name for the font that would showcase some of the more distinctive letters: the stark, powerful G; the circular o; the strange-tasting a. For a name, he thought about Goats, and Gomorrah. He finally settled on Gotham.

If the deep dive into the beauty and business of lettermaking doesn’t grab you, the essay’s packed with other-cultural analogies. My favorite is probably this: “According to a designer who used to work with Frere-Jones, his eye is so sharp that he can look at a printout of a letterform and tell if it’s one pixel off, the same way Ted Williams was said to be able to hold a baseball bat and tell if it was a half-ounce too heavy.”

Disclosure: Jason Fagone is my friend. Kottke.org uses Whitney Screensmart, a version of one of the fonts discussed in the article. Also one time Jonathan Hoefler got really mad at me because of a story I wrote about iPad magazines. The font people don’t play.

Update: If you want to know just how much the font people don’t play, I immediately was contacted by a friend to change “typographer” to “type designer.” I’ve spent years writing about this, and if I ever manage to get all of the terms right, the universe will collapse on itself.


The type foundry district of NYC

For the first post on his new blog, Tobias Frere-Jones discovers that most of the type foundries in New York in the 1800s and 1900s were all located within a few blocks of each other in lower Manhattan. Why there? Newspapers and City Hall.

I was able to plot out the locations for every foundry that had been active in New York between 1828 (the earliest records I could find with addresses) to 1909 (see below). All of the buildings have been demolished, and in some cases the entire street has since been erased. But a startling picture still emerged: New York once had a neighborhood for typography.

Gruber beat me to the punch in noting that Frere-Jones’ site doesn’t use any of the fonts from the company he was recently ousted from but instead a pair of faces (Benton Modern and Interstate) he designed before he formed his partnership with Jonathan Hoefler. Before I discovered Whitney (another Frere-Jones creation), Interstate was my go-to font for graphics for the site. Big TFJ fan, is what I’m saying.


The Art of Street Typography

I don’t know exactly what my expectations were of how lettering is painted on city streets, but this was not it. The level of precision and artistry is surprising.

Reminds me of this video of a hand-lettering master at work.

Update: Sure, he’s using a vehicle, but this guy is pretty good at line painting as well.


Best typefaces of 2013

Best Of 2013 Type

From Typographica, a list of their favorite typefaces from 2013. As you’ll see, good type design is happening all over the globe.

As evidence of that diversity, the 53 typefaces selected from 2013 were created by designers from at least 20 countries. […] This new phase of globalization and democratization of the font market began in earnest about a decade ago, propelled by newly accessible digital tools, online commerce, and post-graduate education in type design. It is a sea change. For centuries, places like Argentina, Brazil, Croatia, Lebanon, and New Zealand were vastly underrepresented in a type design community that was dominated by western Europe and North America. (And this only goes for Latin-based type. The burgeoning production of fonts in other scripts tells another fascinating story.) We will have much more detail about these changes in an upcoming report by Ruxandra Duru on the current state of typefounding around the world.

One that caught my eye is Clear Sans.


2001: A Font Odyssey

From a new blog, Typeset in the Future, an examination of the typography in Kubrick’s 2001: A Space Odyssey.

It’s Futura again, with an M borrowed from Gill Sans, and a W that I don’t recognize from anywhere.


Wear your font favorites

Finally! A Japanese company called Type is selling eyeglasses that evoke the Helvetica and Garamond typefaces. It’s like webfonts for your face.

Font Glasses

I joke, but those Helvetica Black Regulars look pretty nice. I wonder what some of the older Raygun-inspired GarageFonts typefaces would look like as glasses? (via the verge)


Frere-Jones sues Hoefler

Oh, wow. Tobias Frere-Jones is suing his business partner Jonathan Hoefler over ownership of world-reknowned type foundry Hoefler & Frere-Jones.

Type designer Tobias Frere-Jones claims he has been cheated out of his half of the company by his business partner, Jonathan Hoefler. In a blistering lawsuit filed today in New York City, Frere-Jones says he was duped into transferring ownership of several fonts, including the world-famous Whitney, to Hoefler & Frere-Jones (HFJ) on the understanding that he would own 50% of the company.

“In the most profound treachery and sustained exploitation of friendship, trust and confidence, Hoefler accepted all of the benefits provided by Frere-Jones while repeatedly promising Frere-Jones that he would give him the agreed equity, only to refuse to do so when finally demanded,” the suit claims.

The full complaint is here. A descendant of Whitney (Whitney ScreenSmart) is what you’re reading right now and I was an early beta tester of H&FJ’s webfont service. This is gobsmacking news…I have no idea what to think about it. What a sad and strange situation. (via @khoi)

Update: H&FJ has released a statement from their general counsel:

Last week, designer Tobias Frere-Jones, a longtime employee of The Hoefler Type Foundry, Inc. (d/b/a “Hoefler & Frere-Jones”), decided to leave the company. With Tobias’s departure, the company founded by Jonathan Hoefler in 1989 will become known as Hoefler & Co.

Update: According to a document filed with the New York County Clerk, the matter between Hoefler and Frere-Jones “has been settled”. No other details are available at this time.


Helvetica The Perfume

Your font: Helvetica. Your smell: Helvetica The Perfume.

Helvetica Perfume

Helvetica has gone on to become arguably the most ubiquitous and widely used typeface in history.

It is in this spirit that we have created the ultimate Modernist perfume — a scent distilled down to only the purest and most essential elements to allow you, the content, to convey your message with the utmost clarity.

Air. Water. You.

2 oz. of distilled water. Precious bodily fluids, Mandrake.


Watch a hand-lettering master at work

Glen Weisgerber is a wizard at the art of hand-lettering. Make sure you watch all the way through for the big flourish-y finish.

(via colossal)


Wood type alphabets

More than 80 photos of marvelous wood type alphabets in this Flickr set.

Wood Type Alphabet

The scans are from Rob Roy Kelly’s 100 Wood Type Alphabets. (via @H_FJ)