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:
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
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:
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”:
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)
Top ten typefaces of the 2000s
A list of the most important typefaces of the last decade.
It is not a list of my favorite typefaces, nor is it a list of the most popular typefaces. Instead, it is a list of typefaces that have been “important” for one reason or another. However, I am not going to provide my reasons. Instead, I am going to let the readers of this blog see if they can figure out the contribution that each of these ten faces makes.
Fuck You by Cee-Lo
Great song by Cee-Lo, who you may know as one half of Gnarls Barkley.
NSFW in both the visual and audio departments for extensive use of the phrase “fuck you”.
I love Anil’s comment that the video is “a little bit Tobias, and a little bit Sasha”. And indeed the typeface in the video is Champion Gothic, designed by Tobias Frere-Jones’ partner, Jonathan Hoefler.
Origami alphabets
This is the origami alphabet:
When a piece of paper is folded according to these directions, a 3-D extrusion of the alphabet will result. The alphabet’s creators have also devised an alphabet made by the hinged dissection of a square.
Penmanship of the 16th, 17th, and 18th centuries
From Google Books. Here’s a sample page:
(via ministry of type)
Stunning papergraphics
Yulia Brodskaya makes elaborate typographic creations entirely out of paper. She calls them PAPERgraphics.
This is like Si Scott in 3-D.
MoMA acquires the @ symbol
The Department of Architecture and Design at MoMA has made a, er, symbolic acquisition of the @ symbol.
The acquisition of @ takes one more step. It relies on the assumption that physical possession of an object as a requirement for an acquisition is no longer necessary, and therefore it sets curators free to tag the world and acknowledge things that “cannot be had” — because they are too big (buildings, Boeing 747’s, satellites), or because they are in the air and belong to everybody and to no one, like the @ — as art objects befitting MoMA’s collection. The same criteria of quality, relevance, and overall excellence shared by all objects in MoMA’s collection also apply to these entities.
Geotypography (or is that typegeography?)
I like these Alphaposters by Happycentro, especially the gorgeous Lowercase F Island:
Measuring type
Clever idea: you can measure the amount of ink required to print different typefaces simply by writing them out with ballpoint pens. The pens themselves become the usage graph:
Update: You can also use this technique to represent which colors you draw with most often.
The history of typography in the OED
Over at Bygone Bureau, Nick Martens puts on his palaeotypography hat and plunges into the Oxford English Dictionary to learn about the history of typography.
To beat fat, 1683, “If a Press-man Takes too much Inck with his Balls, he Beats Fat.”
Tube typography
A lengthy discussion of the typeface for the London Underground, both the old version by Edward Johnston as well as the refresh.
“We continue to make subtle changes” Ashworth admits, “but we’re very wary about doing too much and are always happy to roll back changes if they end up not feeling ‘right.’
“The most recent major change was to the numbers 1 and 4 earlier this year. Not a lot of people noticed until a poster appeared advertising engineering work on the 14th of February — then I got A LOT of emails.”
Lady Gaga + typeface = awesome
Jesus, this is nerdy (and hilarious): a Lady Gaga parody about a typeface.
(via @caterina)
Typekit is live
Typekit launched today (details here).
This will change the way you design websites. Add a line of code to your pages and choose from hundreds of fonts. Simple, bulletproof, standards compliant, accessible, and totally legal.
I haven’t had a chance to play around with this yet, but hope to soon. And hey, you can use Silkscreen with Typekit.
Mr Eaves
Emigre has released a sans serif companion for Mrs Eaves, Mr Eaves.
Mr Eaves was based on the proportions of Mrs Eaves, but Licko took some liberty with its design. One of the main concerns was to avoid creating a typeface that looked like it simply had its serifs cut off. And while it matches Mrs Eaves in weight, color, and armature, Mr Eaves stands as its own typeface with many unique characteristics.
Very handsome. I’ve always liked the attitude and flourishes of Emigre’s typefaces. (via quips)
How Typekit serves fonts
Jeff Veen has a look at how Typekit protects fonts served through the service.
To that end, our Javascript is minified and the fonts themselves are represented as Base64 encoded strings. You may see right through this, but the vast majority of web users wouldn’t know what to make of it.
Those Base64 encoded strings are then placed right into the CSS file. And even better than that, the fonts are split up into multiple files and recombined using the CSS font stack. Pretty clever stuff.
Edward Rondthaler
The intentional misspelling in the headline caught my eye: Edward Rondthaler, Foenetic Speler, Dies at 104. Turns out that Mr. Rondthaler was quite a fellow. He was a pioneer in the field of phototypesetting, cofounded the International Typeface Corporation & the Type Directors Club, and was a advocate of a phonetic spelling system called SoundSpel. Rondthaler’s fascination with letters began at an early age:
At 5, Edward received a toy printing press as a gift and began publishing his own newspaper. (It was a very small newspaper, about the size of a postcard, his son said.) Only a few years later, he and a friend opened a print shop in a nearby basement, doing jobs for paying customers; they ran the business through high school and for a year afterward, to earn college money.
Rest easy, Mr. Rondthaler.
Update: A few years back, Rondthaler did a charming video on the pronunciation complexities of seemingly simple words for House Industries, a type company that owns the physical assets of Rondthaler’s company, Photo-Lettering, Inc.
(thx, all)
Typography reference for the iPhone
The Typography Manual looks like a nice little iPhone app for designers.
The Typography Manual has several useful features and resources for designers, including a visual type anatomy glossary, a font size ruler, an em calculator, and a enough content to fill a 60 page book. It has the all the essentials of a desk reference in a regularly updated pocket resource.
(via quips)
A New Deal for typography
From Neville Brody and Jeff Knowles:
Throughout the nation men and women, forgotten in the typographical philosophy of the Foundries, look to us here for guidance and for more equitable opportunity to share in the distribution of typefaces… I pledge myself to a New Deal for the American people. This is more than a font. It is a call to arms.
(via my design observer comrades)
Typekit: real fonts for the web
Typekit is an upcoming typeface hosting service which will provide vetted fonts that you can include in your site’s stylesheet using the @font-face mechanism.
That’s where Typekit comes in. We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.
What a great idea. And web entrepreneurs pay attention, this is how to make a compelling online property: take an idea that everyone loves in theory but doesn’t use in practice because it’s a pain in the ass (in this case, embedding type on the web) and offer a hosting service to solve that problem. YouTube did this with videos, Blogger/Blogspot, TypePad, & Wordpress did this with blogs, Flickr did it with photos, etc. etc.
Congress considers font readability
Both houses of Congress have recently passed credit card legislation which will cut down on credit card companies abusing their customers. The NY Times has a guide to what the new legislation could mean for consumers. The bill that passed the House contains some interesting provisions on how card companies can use type.
The House throws in what ought to be called “The Fine Print Rule.” Card companies must print their account applications and disclosures in 12-point type or greater. A supervisory board will also probably declare certain hard-on-the-eyes fonts off limits. The Senate is silent on typeface but imposes many other communication requirements.
SEC. 14. Readability requirement.
Section 122 of the Truth in Lending Act (U.S.C. 1632) is amended by adding at the end the following new subsection:
“(d) Minimum type-size and font requirement for credit card applications and disclosures. -All written information, provisions, and terms in or on any application, solicitation, contract, or agreement for any credit card account under an open end consumer credit plan, and all written information included in or on any disclosure required under this chapter with respect to any such account, shall appear-
“(1) in not less than 12-point type; and
“(2) in any font other than a font which the Board has designated, in regulations under this section, as a font that inhibits readability.”.
I haven’t seen a credit card application or bill in years (we’re paperless)…what unreadable fonts are these companies using? Do they set their terms and conditions sections in 6-pt Zapf Dingbats a la David Carson?
Stay Connected