Please, Google before you Tweet
Please, Google before you Tweet : Available for purchase as a limited edition letterpress print for just $15. … Read the rest here
Posts Tagged typography
FF Nuvo
Celebrating Firefox 3.6’s support for WOFF (Web Open Font Format), FontFont is giving away the WOFF version of FF Nuvo for free. … Read the rest here
FF Nuvo
Celebrating Firefox 3.6’s support for WOFF (Web Open Font Format), FontFont is giving away the WOFF version of FF Nuvo for free. … Read the rest here
Stuff That Matters
Jason Santa Maria Go to the source
It’s official: I’ve started a design studio called Mighty . I’ve been working under the name since earlier this year, and today I’m launching a small site for the endeavor. The prospect with Mighty is simple: I want to work on stuff that matters. I want the things I make to benefit people, and whenever possible, the design work I do to have a lasting impact. Here’s to new beginnings! Head over and say hello to Mighty … Read the rest here
New Tee: Ampersandwich
Now available at the shop. Delicious typography. A super-soft, “Tri-Blend” t-shirt in espresso brown from American Apparel, printed with everyone’s favorite logogram (set in Knockout ’s Ultra Sumo weight). Peanut butter? Mustard? … Read the rest here
On Web Typography
Jason Santa Maria Go to the source
Well, it only took nearly a hundred issues since working on the A List Apart redesign for me to get around to writing an article. I’ve had a blast working behind the scenes working with authors on fleshing out the visuals for their articles, but after repeated kindly nudges from the rest of the ALA staffers, I wrote one of my own: On Web Typography . This has been a year packed with talk of type on the web. We’ve been making great strides in bringing real fonts to the web, a good progression that will help us rely less on replacement techniques. There are many great articles that boil down the technical hurdles involved in doing so, but I wanted to tackle what happens to our designs once we have lots of typefaces to choose from… Read the rest here
Using Evernote as a Design Scrapbook
I’ve used iPhoto, Littlesnapper, a combination of Leap and Dropbox, but of late, I’ve reverted to using Evernote as my collection point for design scraps. The Desktop > Web > iPhone ecosystem is lovely. I have my design collection everywhere I go (also possible with the dropbox method I used to use, but there’s no way of tagging on the iPhone). The desktop client collects images and websites (as PDF s), and the iPhone client collects snapshots of sketches, camera photos and images saved from mobile Safari. Then the two ‘collectors’ get synced together to become one big collection: Some more reasons why Evernote has struck a chord with me are: I’m not restricted to single images, I can add PDF s, group images together (as a note), and add text notes. … Read the rest here
Lettering - a set on Flickr
A tasty Flickr set of found typography – focussing on British/London Underground/Transport styles., which of course is right up my street. Comment on this … Read the rest here
Starting with @font-face
I’ve been using Cufón off and on since writing about font embedding back in May. It’s a great hack, but browser progress since that time has been making me feel that the native CSS @font-face rule is becoming increasingly viable. Or, at least enough so that it seems like it’s time to start dabbling. Yes, I know of TypeKit . It’s a great idea and there are some solid reasons to consider using it. But I’m still interested in using the native technology from time to time, which is where we begin… Read the rest here
Amperbbreviations
Twitter doesn’t allow for much verbosity but sometimes it’s possible to squeeze some code into 140 characters or fewer. I particularly like Simon’s piece of JavaScript . Paste this into the address bar in Safari: javascript:(function(){var d=0;setInterval(function() {document.body.style['-webkit-transform']= ‘rotate(’+ d +’deg)’;d+=1},10)}()); Earlier today, I wrote : Writing <abbr title=”and”>&</abbr> in my markup and abbr[title='and'] { font-family: Baskerville; font-style: italic; } in my CSS. This is something that Dan has written about in the past, citing Bringhurst; In heads and titles, use the best available ampersand . Dan suggested wrapping ampersands in a span with a class of “amp” but in a comment, I proposed using the abbr element: <abbr title=”and” class=”amp”>&</abbr> But really, you don’t even need the class because you can just use an attribute selector: abbr[title='and'] { font-family: Baskerville, Palatino, “Book Antiqua”, serif; font-style: italic; } But, asks Mat Marquis , what about a certain browser that can’t even handle the simplest of attribute selectors? … Read the rest here
History by Typotheque
On the same day that the latest font catalogue from Netherlands foundry Typotheque arrives in the post, I discover the exciting news that they’re about to launch their own Web Font service . As far as I’m aware, this is the first foundry to setup their own web distribution – rather than using a 3rd party such as Typekit. It feels like the flood gates of web fonts are suddenly about to open! What also peaked my interest, was the incredible piece of work that is Typotheque’s History . Based on a skeleton of Roman inscriptional capitals, History includes ’21 layers inspired by the evolution of typography’. These layers are designed to be combined, which means that you build up your own style of typeface using layers of serifs, swashes and other decorations. It can be a chunky slab serif, or a light sans with delicate swashes, while maintaing the same strong typographic base: Mixing these layers can be done with their own ‘History Remixer’, but for web it requires a bit of javascript tomfoolery . … Read the rest here
History by Typotheque
On the same day that the latest font catalogue from Netherlands foundry Typotheque arrives in the post, I discover the exciting news that they’re about to launch their own Web Font service . As far as I’m aware, this is the first foundry to setup their own web distribution – rather than using a 3rd party such as Typekit. It feels like the flood gates of web fonts are suddenly about to open! What also peaked my interest, was the incredible piece of work that is Typotheque’s History . Based on a skeleton of Roman inscriptional capitals, History includes ’21 layers inspired by the evolution of typography’. These layers are designed to be combined, which means that you build up your own style of typeface using layers of serifs, swashes and other decorations. It can be a chunky slab serif, or a light sans with delicate swashes, while maintaing the same strong typographic base: Mixing these layers can be done with their own ‘History Remixer’, but for web it requires a bit of javascript tomfoolery … Read the rest here
Talking Type and Design at South by Southwest
Talk of South by Southwest seems to come around quicker each year. I’m already looking forward to heading back to Austin, not least of all because I may get the chance to be on a couple of great panels (please cast a thumbs up if you like the sound of the panels). First up is Is Your Website Heading for a Car-Wreck? with Alan Colville , Jon Tan and Giles Colborne . … Read the rest here
Introducing Typedia
Jason Santa Maria Go to the source
As SXSW 2006 came to a close, I was having lunch with friends at the Moonshine Grill and ranting about typography, as I am wont to do. I was complaining about how there are so many wonderful typefaces, but no decent way to find them. Sites like Flickr had already revolutionized the way we shared and discovered photography; why isn’t anyone taking advantage of the web for the sake of type? “I should do that,” I murmured. My friends offered up a shared response: “Well, do it.” Today, I’m very pleased to announce the launch of a new site I put together with the generous help of friends called Typedia . At its simplest, Typedia is a shared encyclopedia of typefaces. … Read the rest here
Inspiring type: Libro di M. Giovambattista Palatino
In doing research on Italian type, I stumbled across a wonderfully inspiring resource published 460 years ago, possibly on or about the typography work by Giambattista (or Giovambattista or Giovanni Battista) Palatino, the master Italian calligrapher. A Google translation doesn’t provide a lot of clarity as to exactly what the book is about or why it was created, but the source from which I discovered the resource describes the book as follows: This jewel of a book was published in 1550 by Antonio Blado asolano in Rome. It is now available on the web and contains of complete alphabets, from chancery scripts, to blackletter and roman. There are also greek, hebrew, Cyrillic, Syrian, Arabic and other alphabets. Below are a few snippets from the book… Read the rest here
Inspiring type: Libro di M. Giovambattista Palatino
In doing research on Italian type, I stumbled across a wonderfully inspiring resource published 460 years ago, possibly on or about the typography work by Giambattista (or Giovambattista or Giovanni Battista) Palatino, the master Italian calligrapher. A Google translation doesn’t provide a lot of clarity as to exactly what the book is about or why it was created, but the source from which I discovered the resource describes the book as follows: This jewel of a book was published in 1550 by Antonio Blado asolano in Rome. It is now available on the web and contains of complete alphabets, from chancery scripts, to blackletter and roman. There are also greek, hebrew, Cyrillic, Syrian, Arabic and other alphabets. Below are a few snippets from the book. You can browse the online version containing scanned images of all 128 pages… Read the rest here
Randomness, vol. IX
A compilation of resources, products, and inspiration spotted before, after, but not during knee surgery. Los Angeles Times gets a makeover A rather nice overhaul of the latimes.com site. (Here’s what it looked like in February 2008 .) Oliver Kavanagh A rather audacious, springboard-style home page that leaves me wanting to try something similar. DIY ring light with LEDs …and other DIY camera mods using LEDs. The 6 brand naming styles Josh Levine: The 6 naming styles add context so you can see the full landscape of choices… Read the rest here
Cryptypography
As you can probably tell from the Huffduffer logotype, I like ligatures . Most ligatures are formed by the combination of the lowercase letter f and a subsequent letter—although the gorgeous Mrs Eaves typeface includes a few more unusual ones. There’s an old letter that looks a lot like the lowercase f and that’s the long s . ſ Up until the 19th century, this was the default way of writing the letter s at the beginning or in the middle of words. Our letter s—called the short s—was mostly used when a word finished with an s or when an s followed an s (the word Congress on The Declaration of Independence matches both criteria). … Read the rest here
Thinking Small
Jason Santa Maria , AKA Stan , is the man. Here’s here at An Event Apart in Boston to talk about Thinking Small . He’s my warm-up man. He begin in the 1980s; Christmas day in the Santa Maria household—Jason gets Castle Greyskull. One Christmas, his parents played a cruel joke on him. Instead of getting him toys, they got him books. … Read the rest here
Whatever happened to font-stretch?
The font-stretch property was introduced in CSS 2.0 over ten years ago, but was culled in the transition to CSS 2.1. It now languishes in the CSS 3 Fonts module. The property instructed browsers to select a ‘normal, condensed, or extended face from a font family’. Its removal from CSS 2.1 was due to a complete lack of implementation by browsers. Unfortunately this leaves us with a gaping hole regarding font support. Many professional typefaces are designed with extended and condensed styles. … Read the rest here