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

The Typography of Watches

closeup view of the typography on a watch face

closeup view of the typography on a watch face

closeup view of the typography on a watch face

From Our Favourite Uses of Typography in Watches:

Good typography should be almost unnoticeable. Blending seamlessly into the rest of the design, it should tell you everything you need to know, without you being aware of it. Despite the many restrictions that are applied to dial layout, the creativity that can be seen in typography across horology is quite staggering. To put it simply, typography is the art and technique of arranging type to make written language legible and appealing when displayed. As the dial is the main point of interaction with a watch, it is arguably one of its most important parts, and certainly one that can produce the most emotion. This is why typeface can play such a vital, yet subtle, role in how we experience and feel about a certain piece.

(via the fox is black)


Pencil Typography

a bunch of pencils showing the printing and logos on them

Even just looking at photos of pencils, I can still smell the sheets of mimeograph paper hot off the ditto machine.


Winners of the 2021 Type Directors Club Design Awards

Peace + love mural

Apple icons

book cover for Black Futures

signage for the SF Symphony

The Type Directors Club has announced the winners of their two design competitions: TDC67 Communication Design and 24TDC Typeface Design. (via print)


Type in Motion - The SF Symphony’s Dynamic New Look

SF Symphony new branding

Design studio Collins has created a new brand identity for the San Francisco Symphony that uses type in a playful, almost musical way. This brief video demonstration is worth 1000 words:

Even better, you can experiment with your own type and music with the Symphosizer web toy. I made this (to the beat of Daft Punk):

wear a mask

(via @dkhamsing)


Clever “Climate Crisis” Typeface Has Several Weights Based on Arctic Sea Ice Extent

Climate Crisis typeface

Finnish newspaper Helsingin Sanomat has released a free typeface called Climate Crisis that can help designers and the media visualize the urgency of the climate crisis.

The font is intended to be used by anyone who wishes to visualize the urgency of climate change. Especially the media can use it to enhance its climate-related storytelling through illustrations and dramatizations. Newspaper Helsingin Sanomat is at the moment using the font to draw attention to its climate-related stories.

The typeface has seven weights corresponding to data & projections of the minimum extent of the Arctic sea ice from 1979 to 2050. As you can see in the graphic above, the type gets thinner and thinner as the years pass. (via print)


Floorplan Alphabet

Floorplan Alphabet

Floorplan Alphabet

Floorplan Alphabet

As someone who lives in an A-frame house, I love this architectural alphabet designed by Johann Steingruber in 1773. A typically great find by Present & Correct (see also).


A Free Hyperlegible Typeface from the Braille Institute

Sample letterforms from Atkinson Hyperlegible, a free typeface to aid readability for people with low vision

Atkinson Hyperlegible is a free typeface developed by the Braille Institute and Applied Design Works that makes text more readable for people with low vision.

“People may be surprised that the vast majority of the students who come to Braille Institute have some degree of vision,” says Sandy Shin, the institute’s vice president for marketing and communications. “They’re not 100% blind.”

Thus, most of the Braille Institute’s 37,000 clients across Southern California don’t depend on the dot-based Braille language. Instead, they rely on spoken-word tools and accessibility standards that encourage text publishers to think more carefully about the legibility of words on pages.

As you can see in the graphic above (taken from their summary PDF), Atkinson Hyperlegible’s letterforms are constructed so that each letter is as distinctive as possible so that it’s recognizable even when blurry or distorted by low vision. You can download Atkinson Hyperlegible on the Braille Institute site. (via print)


The United States of Letterpress

To celebrate the release of their latest limited edition memo books, Field Notes made a short documentary about The United States of Letterpress, featuring several letterpress practitioners from around the country.

I ran a pedal-powered letterpress machine for a few minutes several years ago and that huge machine whizzing away right in front of me was both magical (it stamps the ink right into the paper and it’s in your hands 2 seconds later) and terrifying (the massive flywheel could have ripped my arm clean off without slowing down). Danger and enchantment, what else do you need really?


The Typography of Star Trek

Star Trek title card

poster fro Star Trek: The Motion Picture

Star Trek typography

In an extended excerpt from his book Typeset in the Future: Typography and Design in Science Fiction Movies (Amazon), Dave Addey goes long on the typography and design of Star Trek: The Motion Picture (and Trek in general).

Alas, The Original Series’s inconsistent typography did not survive the stylistic leap into the 1970s. To make up for it, The Motion Picture’s title card introduces a new font, with some of the curviest Es known to sci-fi. It also follows an emerging seventies trend: Movie names beginning with STAR must have long trailing lines on the opening S.


Cool Modular Signage for the National Library of Luxembourg

Modular Signage for the National Library of Luxembourg<br />

Modular Signage for the National Library of Luxembourg<br />

Modular Signage for the National Library of Luxembourg<br />

Sascha Lobe’s team at Pentagram has designed a functional and stylish modular signage system for the National Library of Luxembourg. The signs use cubes (inspired by LED clock displays?) that can be reconfigured into different words by library staff.

Numerical and alphabetical cubes are the foundation of the BnL’s modular signage system. In handling massive volumes of information and growing library collections, it is essential to free the library staff from rigid systems and equip them with the ability to easily make signage changes.

The flexible signage plan, consisting of 25,000 resin cubes, 6000 tableaus and 2,400 numerical shelving characters, enables staff to independently customize information as the library’s collection fluctuates. The resin cubes, constructed from a durable material, also translate the timelessness of the library and its long-standing presence throughout the years and into the future.

The only (but perhaps significant) downside to the signs is that they are not actually super legible when compared to a non-modular alternative. They sure do look great though.

Update: This post got shared on Twitter by a couple of librarian pals and Librarian Twitter was not impressed by this signage at all. Not legible, not accessible, and difficult/fiddly to maintain were the main complaints. As someone who believes that design is primarily about how something works and not how something looks, I’m a bit embarrassed that I didn’t hit that point harder in this post. I do love the aesthetics of the project, but from the photos, the legibility looks terrible. Maybe it’s different while navigating the space in person, but if not, you have to wonder how helpful hard-to-read signs are to patrons.


Designing the Unknown: the New Biden-Harris Logo

On Tuesday, Joe Biden announced that Senator Kamala Harris would be his vice-presidential running mate. The campaign was quickly updated to include a new Biden-Harris logo designed by Hoefler&Co. in collaboration with Biden campaign advisor Robyn Kanner:

Biden Harris Logo

But the designer of the logo wasn’t told who the running mate would be beforehand, so how did the campaign get it out so quickly? According to Jonathan Hoefler, the design team designed a whole collection of logos for potential candidates gleaned from reading the media tea leaves.

A consequential decision at an unpredictable time, conducted under absolute secrecy, poses an interesting dilemma to the typographer: how do you create a logo without knowing for certain what the words will say? Logos, after all, are meaningfully informed by the shapes of their letters, and a logo designed for an eisenhower will hardly work for a taft. The solution, naturally, involves the absurd application of brute force: you just design all the logos you can think of, based on whatever public information you can gather. Every credible suggestion spotted in an op-ed was added to the list that we designers maintained, and not once did the campaign even hint at a preference for one name over another.

I would love to see some of those alternate designs (Biden-Warren!), but there’s no way in hell they’ll ever see the light of day, especially before the election.

Update: Several designers weigh in on the new logo. I love Debbie Millman’s take:

I never, ever thought I’d say this after a lifetime in professional branding, but on the spectrum of good branding versus effective branding, I’d say at this point it is irrelevant. Frankly, the Biden-Harris logo could have been scribbled on a napkin and I’d be happy. Trump’s brand is beyond repair and is now more dangerous than ever. The soul of our country is at stake.

That logos don’t matter that much (unless they are either great or horrible) is probably true more often than designers and branding folks would care to admit.


A Short History of the Cooper Black Typeface

In this video from Vox, Estelle Caswell talks to Bethany Heck and Steven Heller about the seemingly ubiquitous typeface Cooper Black.

There’s a typeface that has made a resurgence in the last couple of years. It’s appeared on hip hop album covers, food packaging, and advertising. Perhaps you know it from the Garfield comics, Tootsie Roll logo, or the Pet Sounds album cover by the Beach Boys. It’s called Cooper Black, and its popularity and ubiquity has never waned in the hundred years since it was first designed.

Cooper Black tends to get a bad rap from type aficionados (too popular, too cartoony) but this video — and Heck’s comments in particular — have given me a new appreciation for it.


Carly Rae Jepsen Uses My Silkscreen Font in a Promo Video

This morning, Carly Rae Jepsen released a new album called Dedicated Side B (stream here). Amidst rumors of fresh music, the pop star had been teasing fans with its release all week, including this video of a simulated chat posted to Twitter and Instagram yesterday.

Long-time readers will recognize that the chat text is displayed with typeface called Silkscreen, which I designed back in 1999, an era of small monitors and even smaller fonts.

Carly Rae Jepsen, Silkscreen Font

Back in the day, Britney Spears used Silkscreen on her website, and now it’s come (sorta) full circle with Jepsen. Silkscreen pops up here and there every few months, and I’m glad to see people are still getting some use out of it. It was retro when I made it and now its retro-ness is retro. Culture is fun! (thx to @desdakon for spotting this)


Fanciful Typographic Performance of Peter & the Wolf

Yet another gem from the Kid Should See This: a performance of Sergei Prokofiev’s Peter and the Wolf that combines live action, animation, and creative typography.


The Origin of 8-Bit Arcade Fonts

Aided by Toshi Omagari, who wrote Arcade Game Typography, Vox’s Estelle Caswell explores the origins and history of 8-bit arcade fonts. From the description of the book:

Video game designers of the ’70s, ’80s, and ’90s faced color and resolution limitations that stimulated incredible creativity. With each letter having to exist in a small pixel grid, artists began to use clever techniques to create elegant character sets within a tiny canvas.

As the creator of a tiny pixelated typeface, I find this stuff infinitely fascinating.


Stream Helvetica & Other Design Documentaries for Free

Thinking that some people might need high quality entertainment while shut inside due to the COVID-19 pandemic, filmmaker Gary Hustwit is streaming his films online for free, one film per week. First up (from Mar 17-24) is Helvetica, his documentary on typography and graphic design. Here’s the trailer:

Click through to watch the whole film. (via daring fireball)


An International Eye Test Chart (circa 1907)

Mayerle Eye Test Chart

From the collection of the US National Library of Medicine, an eye test chart designed by George Mayerle around 1907 to be a complete vision testing solution for speakers of several languages.

Running through the middle of the chart, the seven vertical panels test for acuity of vision with characters in the Roman alphabet (for English, German, and other European readers) and also in Japanese, Chinese, Russian, and Hebrew. A panel in the center replaces the alphabetic characters with symbols for children and adults who were illiterate or who could not read any of the other writing systems offered. Directly above the center panel is a version of the radiant dial that tests for astigmatism. On either side of that are lines that test the muscular strength of the eyes. Finally, across the bottom, boxes test for color vision, a feature intended especially (according to one advertisement) for those working on railroads and steamboats.

Mayerle was a German optometrist working in San Francisco when he made the chart, designing it for use in a city with a diverse population. My pals at 20x200 are offering limited-edition prints of Mayerle’s chart in a variety of sizes.

See also the history & typography of eye test charts, Optician Sans (a font based on eye chart typography), and Eye Charts for Drones.


Shake: A Typeface with Parkinson’s Disease

Shake typeface

Shake is a typeface made from the real handwriting of a person living with Parkinson’s disease. Creative director Morten Halvorsen:

My mother was diagnosed with Parkinson’s eight years ago. And her handwriting has changed in the years since. I created this font to preserve her handwriting, and enable her to continue to write with her own letters.

A new version of the font will be available each year to capture his mother’s worsening condition. Donate a few dollars (or more!) to download the font — all proceeds go to finding a cure. You can also download a template so that you can document the handwriting of a loved one living with Parkinson’s — for a fee (donated to Parkinson’s research), Halvorsen will turn it into a font for you. (thx, kevin)


An Online Collection of Colorful Fruit Crate Labels, 1920s-1950s

Fruit Crate Labels

Fruit Crate Labels

Fruit Crate Labels

Fruit Crate Labels

Fruit Crate Labels

From the State Library of Florida comes a collection of more than 600 crate labels used by the citrus and vegetable industries from the 1920s to the 1950s.

To help give Florida fruits and vegetables an edge, growers looked to the booming produce packing industry in California, where advertisers were already using bold, elaborate labels to catch buyers’ attention. Florida companies began designing their wooden shipping crates and paper labels based on this successful model.

Paper crate labels were used in Florida from the late 1800s until the 1950s. The earliest paper labels were fairly generic and often didn’t include a brand name. Starting in the 1920s, advertisers began developing more complex marketing strategies, aiming to entice buyers with colorful brand names and imagery.

What an amazing variety of design and typographic styles. There’s also some questionable imagery in there as well: Mammy Brand, Dixieland Brand, Brave Vegetables, Indian Chief, etc.

See also The US Government’s Trove of Beautiful Apple Paintings. (via @john_overholt)


A Free Font Inspired by Greta Thunberg’s Handwriting

Greta Grotesk

Inspired by the handwritten sign that climate activist Greta Thunberg has been using since beginning her climate strike in August 2018, a startup called Uno has produced a font of her handwriting available for free download.

Greta Grotesk


The Gerrymandered Font

Gerry Font

Gerry is a typeface where the letterforms are created from heavily gerrymandered Congressional districts. For example, the letter U is the 4th district in Illinois:

Gerry Font 02

Click through to download the font for free and to tweet at your representative to stop gerrymandering.


Stone Alphabets

This is one of several alphabets assembled by Belgian type designer Clotilde Olyff from stones collected at the beach.

Clotilde Olyff

Here are a few more examples, some of which were featured in this book called 3D Typography:

Clotilde Olyff

Well, I guess I have a new beachcombing activity for when I get tired of skipping rocks.


Vocal Typefaces

Vocal is a type foundry that makes typefaces that highlight the history of underrepresented people “from the Women’s Suffrage Movement in Argentina to the Civil Rights Movement in America”. For example, the Martin typeface is based on signs carried by marchers in the streets of Memphis after the assassination of Martin Luther King Jr.

Vocal Martin

Netflix used Martin for What Happened Miss Simone?, Liz Garbus’ Nina Simone documentary:

Vocal Martin

(via @c_wolbrecht)


The National Park Typeface

National Park Typeface

National Park is a typeface designed “to mimic the National Park Service signs that are carved using a router bit”.

I saw those familiar words. Set “National Park Service, United States Department of the Interior” — style. I wondered if it actually was a typeface or “font” that anyone could download and use? Do park rangers have this as a typeface on their computers to set in their word docs, pdfs and power point slides?

I had a sketchbook with me and took some rubbings of the letterforms and asked my friend Miles Barger, the Visual Information Specialist for Rocky, if he had the typeface. He asked the sign shop. No one has it? Turns out it isn’t a typeface at all but a system of paths, points and curves that a router follows.

The typeface comes in four weights and is available as a free download.


Public Sans, a New Typeface from the US Government

Public Sans

As part of their recent announcement of a new web design system for US government websites, the General Services Administration has also introduced a new typeface called Public Sans.

USWDS 2.0 adds built-in support for custom typefaces, and sometimes you need one that’s simple, neutral, and isn’t Helvetica. Public Sans is an open source, free license typeface (SIL Open Font License 1.1) designed and maintained by USWDS, adapted from Libre Franklin. Just as with our components, we intend Public Sans to be an example of how to design an accessible open source typeface with contributions and feedback from the public — to deliver a useful, neutral, sans serif and continuously improve it.

Always interesting when typefaces are described as “neutral”. I’ve never found that to be the case…


Helvetica Now

Monotype has introduced a new version of the Helvetica typeface called Helvetica Now.

Helvetica Now is a new chapter in the story of perhaps the best-known typeface of all time. Available in three optical sizes-Micro, Text, and Display-every character in Helvetica Now has been redrawn and refit; with a variety of useful alternates added. It has everything we love about Helvetica and everything we need for typography today. This is not a revival. This is not a restoration.

This is a statement.

Typographer Erik Spiekermann says:

This is the typeface Max Miedinger and Eduard Hoffmann would have designed back in 1957 if they had known about offset printing, small screens, browsers, digital design tools and UI designers.


The History of Italics In Type

1200px-Arrighi_italic.png

I don’t know the author or typographer behind The Temporary State. There’s a contact address that reads “B. Tulskaya ul. 2-571, Moscow, Russia, 115191.” But Mx. Tulskaya (if that’s indeed the author) has made an outstanding pocket history of the use of italics in type, partly to defend against the fact that The Temporary State’s fonts do not use an italic typeface.

I knew, for instance, that Venetian printer Aldus Manutius is generally credited with introducing italics into European print (partly, the histories say, to imitate Latin handwriting, and partly as a space-saving device). I did not know that after other printers began to copy Manutius’s use of italics, the Venetian Senate granted Aldus exclusive right to use them.

I knew that Italian futurist poet and manifesto-writer Filippo Marinetti championed a wide range of typographic innovations; I did not know (or had forgotten) that he wished to reserve italic type for “a series of similar and swift sensations,” while bold would be used for the imitation of heavy tones, and so on. A kind of emotional functionalism in type.

It is strange, how Marinetti in his call for revolution against “the Poetry Book” doesn’t see any problem with italics. Somehow, Roman numerals are an issue, but the use of highly decorative imitation of a 16th century pretty handwriting is a futuristic expression, not part of the “typographic harmony” ensemble. It is even stranger, that he doesn’t address the application of italic itself, as his idea of highlighting the page with «3-4 colors and 20 different typefaces» is very close to how the use of italic is regulated in the Chicago Manual. The only difference is: where Marinetti suggests «20 different typefaces», Chicago suggests only one — italic. So, seemingly to achieve Marinetti’s idea all that is needed is to diversify the means of text highlighting. And it’s not like there are no alternative typographic traditions, which could be used to substitute the italic.

Much of the article is devoted to this; how you can achieve the typographic effect of italics (emphasis, foreign words, titles, etc.) without using italic type. Here the examples are legion. In German blackletter, foreign words (especially in Roman languages) would be put in Roman type, while emphasized words or phrases would be in boldface. In Cyrillic printing, especially in the Soviet period, you see “sperrsatz,” or wide spacing, to denote emphasis.

SperrsatzCyrillic.png

Bauhaus, following the German blackletter tradition, forsook italic typesetting altogether, opting for a combination of boldface, sperrsatz, and fonts of different sizes, all of which achieve the effect of italics without the pretense of adopting an old Latin handwriting style.

Since few social media networks support bold and italic typesetting, it’s interesting to think about the range of ways users still suggest italics or the effect of italics.

There’s pseudo-Markdown, in the form of

*italics*
or
_italics_

Of course, there’s
ALL CAPS

There are also memes and GIFs, which are a way of both drawing emphasis to text and giving it an emotional characterization that go far beyond what Marinetti could dream of with his really quite limited notion of “3 or 4 different colours and 20 different typefaces on the same page. That text itself would and could be animated, that it could be superimposed on a miniature movie that would explode into mostly-text networks, is a future Marinetti might have embraced, but one he couldn’t quite fully see.

(Via Robin Sloan)


The Designer’s Dictionary of Type

Designers Dictionary of Type

In his forthcoming book, The Designer’s Dictionary of Type, Sean Adams profiles 48 of the best-known typefaces in the world, from Helvetica and Garamond to Cooper Black and OCR-A. Fast Company has a short excerpt.

Cooper Black has a close association with the 1970s; however, Oswald Cooper actually created the typeface in 1921. Cooper designed the Black weight after releasing a larger Cooper Old Style family of fonts. The forms are based on old style serif typefaces but are “fat” and soft. This type of letterform gained popularity between 1910 and 1920. Other designers worked with similar forms, such as Frederic Goudy and his typefaces Goudy Heavy Face and Pabst Extra Bold. In the 1960s and 1970s, designers looking for alternatives to cold Swiss modernism and Helvetica looked back and revived Cooper Black. Its soft forms worked exceptionally well with phototypesetting, which allowed for extremely tight kerning. Both the counterculture movement and low-end DIY design adopted Cooper Black. By the end of the 1970s, the typeface was ubiquitous, but it again fell out of fashion as the New Wave movement gained momentum.


Brilliant Papercraft Typographic Creations

Alia Bright

Alia Bright

Paper artist Alia Bright combines papercraft and typography to make these colorful, um, sculptures? Texts? They’re super-cool, whatever you call them. Here’s a close-up of one of the pieces, all made by hand of course:

Alia Bright 03

You can keep up with Bright’s newest work on Instagram. (via swissmiss)


Blocky Typographic Street Art

Pref Art

Pref Art

Pref Art

Pref Art

I love this chunky/wavy typographic street art by Pref. He spoke with Colossal back in May about his art.

“Since then I have pushed and experimented with this idea of overlapping words, seeing how many I can fit into the space of one word, and then slowly boiling it down and simplifying this idea to become more legible,” he tells Colossal. “This in turn lead more to the use of ‘typography’ throughout my style as you see today. I have always been interested in the idea of graffiti speaking to the general public, rather than just other graffiti writers, and readable letters or a more ‘typographic’ approach has been a good route to that.”