kottke.org home archives + xml about kottke.org contact me
kottke.org - home of fine hypertext products

kottke.org posts about 'silkscreen'

FontStruct is an awesomely simple online font creation tool. Just draw on a grid with simple Photoshop-like tools, save, and download a TrueType version of the fonts you've just created. If this had been around when I made Silkscreen, it would have taken so much less time.

Ampersands

Over at H&FJ, the H talks about the &.

As both its function and form suggest, the ampersand is a written contraction of "et," the Latin word for "and." Its shape has evolved continuously since its introduction, and while some ampersands are still manifestly e-t ligatures, others merely hint at this origin, sometimes in very oblique ways.

He goes on to describe several ampersands they've designed for their typefaces. When designing the ampersand for Silkscreen, I came up with a solution that many continue to dislike:

Silkscreen Ampersand

If you're logged in to Flickr, you can see it action at a more appropriate size in the "prints & more" label above a photo. The symbol is basically a capital E with a vertical line through the middle...an e-t ligature that's really more of an overstrike. I fashioned it after the way I hand-write my ampersand, which I got from my dad's handwriting1. I don't know where he got it from; it's not a common way to represent that symbol, although I did find a few instances in the list of fonts installed on my computer.

I didn't think about this way at the time, but the odd ampersand is one of the few distinguishing features of Silkscreen. There's only so many ways you can draw letterforms in a 5x5 pixel space so a lot of the bitmap fonts like Silkscreen end up looking very similar. The ampersand gives it a bit of needed individuality. (The 4 is the other oddish character...it's open at the top instead of diagonally closed.)

[1] Now that I think about it, I borrowed several aspects from my dad's handwriting. I write my 7s with a bar (to distinguish them from 1s), my 8s as two separate circles rather than a figure-eight stroke, and my 4s with the open top. Oh, and a messy signature.

Erik Spiekermann explains how Nokia's corporate typeface came to be. Looks like it was based on one of Nokia's onscreen bitmap fonts. I've always wanted to create a "real" version of Silkscreen like that.

More about this page

kottke.org is a weblog about the liberal arts 2.0 edited by Jason Kottke since March 1998. You can read about me and kottke.org here. If you've got questions, concerns, or an interesting link for me, send them along. Here's the kottke.org RSS feed kottke.org RSS feed.

Tags related to 'silkscreen':

design   typography

Advertisement

dot dot dot

Advertise on kottke.org via The Deck.

Looking for work? Tags, tags, tags!

Many posts on kottke.org have been "tagged" with keywords, which activity results in collections of related posts like sports, infoviz, or bestof.

Recently popular tags (last 3 weeks)

christopherhitchens   indianajones   walle   movies   parenting   photography   video   flying   nyc   books   art   pixar   china   language   space

All-time popular tags

movies   photography   books   nyc   science   food   lists   design   business   sports   video   weblogs   music   bestof   art

Some of my favorite tags

photography   economics   lists   bestof   infoviz   food   nyc   firstworldproblems   cities   restaurants   video   timelapse   interviews   language   maps   fashion   nsfw   remix  

Random tags

sunshine   prison   cities   barcade   marypoppins   lifeafterpeople   realestate   cars   fundraising   hosseinderakhshan   fridakahlo   sony   pentagram   movies   im

kottke.org

You're visiting kottke.org. All content by Jason Kottke (contact me) unless otherwise noted, with some restrictions on its use. Good luck will come to those who dig around in the archives. If you've reached this point by accident, I suggest panic.