Posts Tagged typography

World Cup Typography: Yomar Augusto

Cameron Moll Go to the source

World Cup Typography: Yomar Augusto : Though game play ended a few weeks ago, this is still worth reading. FontFont’s Yves Peters interviews Brazilian designer Yomar Augusto, creator of the Unity typeface designed exclusively for Adidas. The typeface appeared on the World Cup ball and the jerseys for teams such as Germany, Argentina, and the 2010 champions, Spain. See also Paul Barnes work for the World Cup . … Read the rest here

FontFonter

SimpleBits Go to the source

FontFonter : This is a wonderful tool. Enter a URL and replace its fonts with any of FontFonts web fonts. Hmm, this site looks rather nice with FF Dagny and FF Meta Serif replacing Helvetica and Georgia. … Read the rest here

8 Faces

SimpleBits Go to the source

8 Faces : I just purchased a debut copy of Elliot Jay Stocks ’ new print magazine that asks: “If you could only use eight typefaces for the rest of your life, which would you choose? 8 Faces is a new magazine for devotees of typography that asks this question — and many more — to eight leading designers from the fields of web design, print design, illustration, and of course type design itself.” Hurry though, only 1000 copies available. … Read the rest here

The Big Caption

SimpleBits Go to the source

The Big Caption : A complement to The Big Picture wherein jokes and statements are made using typography. Great idea, and excellent execution. … Read the rest here

Fontdeck is go!

Clagnut Go to the source

I’m extremely proud to say that two weeks ago Fontdeck opened its doors to the type-loving public. It’s been a long time in coming – too long I’d admit – but Fontdeck is now live and I’m hugely excited about what’s to come. To the uninitiated, Fontdeck is a webfont service, that is to say it hosts fonts licensed for use with @font-face font linking. This means is that web designers finally have an alternative to the standard web fonts of Georgia, Verdana, Arial et al, and can now safely choose from hundreds of fonts to use as real text on a website; no images, no Flash, no JavaScript required. Jon Tan and I had the idea for Fontdeck back in early 2009. Speaking together at a SkillSwap in Brighton, it transpired we shared the same notions on how webfonts might be delivered. … Read the rest here

Montessorium

Cameron Moll Go to the source

Montessorium : There’s something really refreshing about the design of this site. Perhaps it’s the muted colors, the typography, or the textures. Whatever it is, I like the end result. Oh, and I’m looking forward to the iPad apps, too. … Read the rest here

I Love Typography: The Vignelli Twelve

Cameron Moll Go to the source

I Love Typography: The Vignelli Twelve : John Boardley, refuting Massimo Vignelli’s storied argument that designers should restrict themselves to just 12 typefaces: Surely a dozen designs of chair would suffice. And, while we’re at it, let’s make do with a dozen designs of houses, tables, books, bridges, teacups, salt-shakers … everything. Why, then, do we see such profligacy in design? Because that’s what we do, that’s who we are. Our restless minds are always striving for ‘better’, for more functional, more comfortable, stronger, more durable, more economical, more ornate, simpler, more complex, smaller, bigger, greener, healthier, clearer, more legible; even, more aesthetically pleasing. … Read the rest here

“The Colosseo poster has to be experienced in person. Truly beautiful.”

Cameron Moll Go to the source

“The Colosseo poster has to be experienced in person. Truly beautiful.” : Thank you, Tiffany . (It’s worth noting Tiffany Wardle earned her Master of Arts in Theory and History of Typography and Graphic Communication from the University of Reading in England). … Read the rest here

H&FJ: Four Techniques for Combining Fonts

Cameron Moll Go to the source

H&FJ: Four Techniques for Combining Fonts : Hoefler & Frere-Jones: Here are four tips for navigating the typographic ocean, all built around H&FJ’s Highly Scientific First Principle of Combining Fonts: keep one thing consistent, and let one thing vary. Positively bookmarkworthy. This is great stuff, and the examples are top-notch. … Read the rest here

Please, Google before you Tweet

Cameron Moll Go to the source

Please, Google before you Tweet : Available for purchase as a limited edition letterpress print for just $15. … Read the rest here

FF Nuvo

SimpleBits Go to the source

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

SimpleBits Go to the source

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

SimpleBits Go to the source

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

Hicksdesign Go to the source

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

Hicksdesign Go to the source

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

Mezzoblue Go to the source

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

Adactio Go to the source

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”>&amp;</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”>&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

Hicksdesign Go to the source

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