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

Dyslexia-optimized typeface for Instapaper

Marco Arment has added a typeface optimized for dyslexics to Instapaper.

I’m happy to report that in this update, I added the Open-Dyslexic font by Abelardo Gonzalez. Its bottom-weighted characters are designed to reduce letter-swapping and increase differentiation between similar-looking letters, which improves readability for people with dyslexia. It’s now the bottom-most option in the font list in Instapaper’s text-controls (“aA”) panel.

Nicely done.


Filmmakers and the typefaces they love

Flavorwire has a quick look at some noted directors (Kubrick, Wes Anderson, Fincher) and the typefaces that they often used. (via @curiousoctopus)


Do fonts affect people’s opinions?

You may remember a short piece by Errol Morris in the Times a few weeks ago that was more of a quiz than a essay. Well, the quiz turned out to be a smokescreen for how people’s opinions change when the text is set in different typefaces.

Each Times participant read the passage in one of six randomly assigned fonts - Baskerville, Computer Modern, Georgia, Helvetica, Comic Sans and Trebuchet. The questions, ostensibly about optimism or pessimism, provided data about the influence of fonts on our beliefs.

The test consisted of comparing the responses and determining whether font choice influenced our perception of the truth of the passage.

The results pointed to a small but noticeable effect in the authority of each font.

DAVID DUNNING: Baskerville seems to be the king of fonts. What I did is I pushed and pulled at the data and threw nasty criteria at it. But it is clear in the data that Baskerville is different from the other fonts in terms of the response it is soliciting. Now, it may seem small but it is impressive.

ERROL MORRIS: I am completely surprised by this. If you asked me in advance, I would have guessed Georgia or Computer Modern, something that has the imprimatur of, I don’t know, truth - truthiness.

DAVID DUNNING: The word that comes to my mind is gravitas. There are some fonts that are informal - Comic Sans, obviously - and other fonts that are a little bit more tuxedo. It seems to me that Georgia is slightly tuxedo. Computer Modern is a little bit more tuxedo and Baskerville has just a tad more starchiness. I would have expected that if you are going to have a winner in Baskerville, you are also going to have a winner in Computer Modern. But we did not. And there can be a number of explanations for that. Maybe there is a slight difference in how they are rendered in PCs or laptops that causes the starch in Computer Modern to be a little softer than the starch in Baskerville.

ERROL MORRIS: Starchiness?

DAVID DUNNING: Fonts have different personalities. It seems to me that one thing you can say about Baskerville is that it feels more formal or looks more formal. So that may give it a push in terms of its level of authority. This is, of course, speculation. I don’t really know. What one would do with, when you get surprising results is you now have to think about, O.K., what do we do to take that back-ended speculation and support it with data?

Update: Pentagram’s Michael Bierut weighs in on Morris’ article.

Whether or not a typeface can do any or all of those things, I do agree the landscape has changed. Once upon a time, regular people didn’t even know the names of typefaces. Then, with the invention of the personal computer, people started learning. They had their opinions and they had their favorites. But until now, type was a still matter of taste. Going forward, if someone wants to tell the truth, he or she will know exactly what typeface to use. Of course, the truth is the truth no matter what typeface it’s in. How long before people realize that Baskerville is even more useful if you want to lie?


Architectural stationery vignettes

Lovely type and illustration on these architectural stationery vignettes collected by BibliOdyssey.

Arch Stationary

The images in this post all come from Columbia University’s very large assortment of commercial stationery (featuring architectural illustrations): the Biggert Collection.

The vast majority of the images below have been cropped, cleaned and variously doctored for display purposes, with an intent towards highlighting the range of letterform/font and design layouts. The underlying documents are invoices (most), letters, postcards, shipping records and related business and advertising letterhead ephemera from the mid-1800s to the 1930s.

See also the Sanborn fire insurance maps.


Notable typefaces of 2011

Typographica shares their favorite typefaces of 2011.

The idea is simple: I invite a group of writers, educators, type makers and type users to look back at 2011 and pick the release that excited them most.

(via β˜…essl)


Mission Impossible - IKEA Protocol

Type designer Matthew Butterick sent a letter to director Brad Bird about the use of Verdana in captions and subtitles in the latest Mission Impossible movie.

Second, it’s not stylistically suitable. Verdana is a built-in font on nearly every Windows and Mac computer. It’s used on zillions of web pages. It’s ubiquitous. Therefore, the person who uses Verdana suggests to readers “I couldn’t be bothered to pick anything better.” It’s also well-known as the corporate font of IKEA β€” probably not the association you’re going for.

(via β˜…aaronsw)


1912 American Type Founders specimen book

The Internet Archive is hosting a copy of the American Specimen Book of Type Styles put out by the American Type Founders Company in 1912. It’s a 1300-page book listing hundreds of typefaces and their possible use cases.

ATF Specimen

There’s also a 1910 copy of what is basically the German version of the ATF book. Look at these swirls! (via @h_fj)


Emigre is doing web fonts

Old-school font foundry Emigre is doing most (all?) of their typefaces as web fonts. I’m going to redo my goth blog in Exocet.


Jonathan Hoefler on webfonts

An excellent 26-minute talk by Jonathan Hoefler of the Hoefler & Frere-Jones about how they think about designing typefaces and webfonts in particular.

Today, as webfonts are buoyed by a wave of early-adopter enthusiasm, they’re marred by a similar unevenness in quality, and it’s not just a matter of browsers and rasterizers, or the eternal shortage of good fonts and preponderance of bad ones. There are compelling questions about what it means to be fitted to the technology, how foundries can offer designers an expressive medium (and readers a rich one), and what it means for typography to be visually, mechanically, and culturally appropriate to the web. This is an exploration of this side of web fonts, and a discussion of where the needs of designers meet the needs of readers.

I love Typekit, but I am very much looking forward to switching Stellar over to Whitney or somesuch when H&FJ’s webfonts are released (if the price and performance are right).


Type design game

Remember the kerning game? The same folks have built a letter shaping game where you can play at being a type designer. I found this to be a bit more difficult than kerning.


Hand-lettered department store logos

A lovely collection of hand-lettered American department store logos from the late 19th and early 20th century.

Dept Store Logo


Cheese or font?

You’re given a name and you have to guess if it’s a cheese or a font. This might be the most difficult game I’ve ever played. (thx, @ziggy444)


So you think you can kern?

Kern Type is a game that compares your kerning efforts to those of professional designers. It’s surprisingly fun. (thx, damien)


Frankenstein’s monstrous typography

Frankenfont

From Fathom, a copy of Mary Shelley’s Frankenstein constructed from found type on the web…as the book goes on, the type gets less legible.

The incomplete fonts found in the PDFs were reassembled into the text of Frankenstein based on their frequency of use. The most common characters are employed at the beginning of the book, and the text devolves into less common, more grotesque shapes and forms toward the end.


Adobe acquires Typekit

When I heard the news, my immediate reaction was not positive. There may have been an expletive uttered. I am happy for the crew at Typekit, several of whom are my friends, but Adobe products do not fill me with joy when I use them. No one I know is filled with joy when using Adobe products…mostly the opposite. Typekit is a great service; I hope Adobe keeps it that way.


The average font

Moritz Resl took all of the fonts installed on his computer and averaged them together to make a new font: the average font.

Average font

The full alphabet is available on Flickr. (via stellar)


Emigre type specimen catalogs

Emigre has made their type specimen catalogs available in PDF format.

Emigre type specimens


Gorgeous typography on fire insurance maps

Absolutely beeeeeyooootiful typography on these Sanborn fire insurance maps.

Sanborn Maps

Sanborn’s fire insurance enterprise produced not only excellent and detailed urban maps, but they also maintained an elegant aesthetic in the headings and legends on the maps themselves, and in the title pages of the (larger) city volumes. The ornamental flair is diverse β€” I don’t think any of the examples above repeat type styles β€” and lends an air of individuality and refinement to each of the towns surveyed.

Although this sort of artistic embellishment was unlikely to have increased map sales on its own, it’s a charming addition which will have perhaps made the purchasers feel a sense of pride and a little more secure about their own unique town. And it’s certainly in keeping with the cartographic tradition of decorative trimmings.

Chris Ware must have a stack of these babies near his drawing table from which to crib.


A typeface for dyslexics

Christian Boer designed a typeface especially for dyslexics called dyslexie.

Research by the University of Twente indicates that the typeface decreases reading errors by dyslexics.


Making fonts with your face

Andy Clymer of H&FJ built a prototype tool that uses facial recognition to design fonts.

(via h&fj)


Engineered geometric typefaces

I love these two related typefaces by Klim Type Foundry: Metric and Calibre.

Metric Calibre

Metric & Calibre are a pair of typefaces that share a fundamental geometry yet differ in the finish of key letterforms. Metric is a geometric humanist, sired by West Berlin street signs. Calibre is a geometric neo-grotesque, inspired by the rationality of Aldo Novarese’s seldom seen Recta. They were conceived as a pair but function independently of each other.

The development of Metric & Calibre is based upon two ideas-1: “engineered geometry” and it’s application to street signage, 2: alternate letterforms in typefaces.

(via df)


Chartwell, the infographics font

Chartwell is a type family you can use to build all kinds of graphs and charts. Stringing letters and numbers together into ligatures, you can make things like this:

Chartwell


Custom alphabets

I love this C from Lettercult’s AlphaBattle.

C Is For

(via letterology)


MoMA acquires digital typefaces; what does that mean?

As you might have heard, MoMA recently acquired 23 typefaces for its Architecture and Design collection. I was curious about how such an acquisition works, so I sent a quick email to Jonathan Hoefler, one of the principals at Hoefler & Frere-Jones, a New York City type foundry that contributed four typefaces to the MoMA.

Kottke: Three of the four H&FJ typefaces acquired by MoMA are available for purchase on your web site. Did they just put in their credit card info and voila? Or was there a little more to it?

Hoefler: MoMA’s adopting the fonts for their collection was much more complex than buying a copy online (and not only because Retina, one of our four, isn’t available online.) I should start by stating that you can never actually “buy fonts” online: what one can buy are licenses, and the End-User License that surrounds a typeface does not extend the kinds of rights that are necessary to enshrine a typeface in a museum’s permanent collection. The good news is that H&FJ has become as good at crafting licenses as we have at creating typefaces, an unavoidable reality in a world where fonts can be deployed in unimaginable ways. This was a fun project for our legal department.

It was actually a fascinating conversation with MoMA, as we each worked to imagine how this bequest could be useful to the museum for eternity. What might it mean when the last computer capable of recognizing OpenType is gone? What will it mean when computers as we know them are gone? How does one establish the insurance value of a typeface: not its price, but the cost of maintaining it in working order? Digital artworks are prone to different kinds of damage than physical ones, but obsolescence is no less damaging to a typeface than earthquakes and floods to a painting. On the business side there are presumably insurance underwriters who can bring complex actuarial tables to bear on the issue, but I think it’s an even more provocative issue for conservators. 472 years after its completion, the frescoes of the Sistine Chapel underwent a restoration that scholars still find controversial. What might it mean for someone to freshen up our typefaces in AD 2483?
β€”

Thanks, Jonathan.


Comic Sans will make you smarter

Researchers at Princeton have found evidence that making something more difficult to learn improves long-term learning and information retention. More specifically, changing the typeface from something legible (like Helvetica) to something more difficult to read (like Monotype Corsiva or Comic Sans) increased retention in actual classroom settings.

This study demonstrated that student retention of material across a wide range of subjects (science and humanities classes) and difficulty levels (regular, Honors and Advanced Placement) can be significantly improved in naturalistic settings by presenting reading material in a format that is slightly harder to read…. The potential for improving educational practices through cognitive interventions is immense. If a simple change of font can significantly increase student performance, one can only imagine the number of beneficial cognitive interventions waiting to be discovered. Fluency demonstrates how we have the potential to make big improvements in the performance of our students and education system as a whole.

I agree with Lehrer…get David Carson on the horn. (thx, lara)


What’s that Typekit font?

Matt Jacobs has made a bookmarklet that you can use to find out which Typekit fonts a given site uses. Useful!


A movie about Linotype

Here’s a teaser trailer:

From the film’s website:

Linotype: The Film is a feature-length documentary film centered around the Linotype typecasting machine invented by Ottmar Mergenthaler. Called the “Eighth Wonder of the World” by Thomas Edison, the Linotype revolutionized printing and society, but very few people know about the inventor or his fascinating machine.

The Linotype completely transformed the communication of information similarly to how the internet is now changing it all again. Although these machines were revolutionary, technology began to supersede the Linotype and they were scrapped and melted-down by the thousands. Today, very few machines are still in existence.

(via df)


The details are not details

A tour of the level of detail that goes into Hoefler & Frere-Jones’ fonts.

In the middle of Gotham, our family of 66 sans serifs, there is a hushed but surprising moment: a fraction whose numerator has a serif. So important was this detail that we decided to offer it as an option for all the other fractions, a decision that ultimately required more than 400 new drawings. Why?

As you’ll read below, it’s something that we added because we felt it mattered. Even if it helped only a small number of designers solve a subtle and esoteric problem, we couldn’t rest knowing that an unsettling typographic moment might otherwise lie in wait. We’ve always believed that a good typeface is the product of thousands of decisions like these, so we invite you to join us on a behind-the-scenes look at some of the invisible details that go into every font from H&FJ.

Aspirational.


Lost World’s Fairs

Want to see the state of the art in web design using web fonts and Typekit? Check out Lost World’s Fairs. It’s all good, but Frank Chimero really knocked it out of the park with the 1962 Atlantis World’s Fair. With HTML5 and web fonts, experimentation with web design seems open and fun again; reminds me of the 90s a bit.


Helvetica! In! Space!

Back in July, Ben Terrett wrote a post about how many instances of the word “helvetica” set in unkerned 100 pt Helvetica it would take to go from the Earth to the Moon:

The distance to the moon is 385,000,000,000 mm. The size of an unkerned piece of normal cut Helvetica at 100pt is 136.23 mm. Therefore it would take 2,826,206,643.42 helveticas to get to the moon.

But let’s say you wanted to stretch one “helvetica” over the same distance…at what point size would you need to set it? The answer is 282.6 billion points. At that size, the “h” would be 44,600 miles tall, roughly 5.6 times as tall as the Earth. Here’s what that would look like:

Helvetica, from the Earth to the Moon

The Earth is on the left and that little speck on the right side is the Moon. Here’s a close-up of the Earth and the “h”:

Helvetica and the Earth

And if you wanted to put it yet another way, the Earth is set in 50.2 billion point type β€” Helvetically speaking β€” while the Moon is set in 13.7 billion point type. (thx, @brainpicker)