History of typography: Transitional

Welcome to part three of our Type Terms series. In part one we travelled all the way back to the 15th century to take a closer look at the Humanist or Venetian style types with their distinctive lowercase ‘e’ (remember that sloping crossbar?). In part two we considered the Old Style or Garalde types and also discovered how this era gave birth to the first italic type in 1501.

Today we’ve moved along the time-line to the cusp of the 18th century, the start of a period in history that we now refer to as the The Enlightenment, a time that was to sow the seeds of revolution in France, North America and beyond. But today we stand in the cobbled streets of 17th century France; Louis XIV is on the throne and Jacques Jaugeon is working on what is now considered to be the first Transitional (or Neoclassical) style typeface, the Romain du Roi or King’s Roman, commissioned by Louis XIV for the Imprimerie Royale in 1692.

Roman du Roi

Continue reading this article

Terminologie typographique: Humanistique

De la dentisterie à l’élevage des chiens, chaque sujet possède son propre jargon, un champ lexical qui lui est propre. La typographie ne fait pas exception, et en appréhender le vocable ne peut que la rendre plus accessible. Ce qui en définitive mène à une meilleure compréhension et appréciation de toute chose «typo».

Aujourd’hui il ne sera question que d’une seule appellation, «humaniste» (ou «humanistique» voire «humane». Il vous est peut-être déjà arrivé de rencontrer ce mot (ou bien vous vous demandez «qu’est-ce que c’est que ce truc?»). Le mot <em>humanistique</em> se rapporte à la classification des caractères typographiques. Au dix-neuvième siècle, plusieurs systèmes de classification se sont développés, et bien qu’ayant tous leurs spécificités, le schéma directeur reste le suivant:

Humanistes / Garaldes / Réales / Didones / Égyptiennes / Linéales

Au terme de cette série en six volumes, vous serez quelque peu coutumier de ces termes; imaginez donc à quel point vous pourrez briller lorsqu’évoquant, pour le plus grand bonheur de votre épouse, petit(e) ami(e), voisin ou épicier:

Regarde donc ce caractère d’inspiration humanistique! Tu noteras à quel point la traverse du «e» bas de casse…

Sans plus tarder, commençons notre périple, qui nous mènera de l’incunabula jusqu’à aujourd’hui.

[Incunabula] ou incunable, quel que soit le domaine, se rapporte à la genèse de celui-ci; mais s’applique ici tout particulièrement aux livres imprimés en Europe avant 1500. — A Short History of the Printed Word

La gothique fut le modèle utilisé pour les premières impressions en caractères mobiles. Connue aussi, chez les anglo-saxons, sous des dénominations telles que Fraktur, Blackletter ou Old English, il s’agissait d’une écriture courante au Moyen-Âge, noire et épaisse, actuellement quasi-illisible pour nous. Heureusement, les caractères typographiques basés sur la gothique furent rapidement dépassés par un autre modèle un tantinet plus lisible, (roulement de tambour…) le caractère humaniste.

gutenberg bible detail

Les caractères humanistes, (ou Vénitiennes) firent leur apparition entre 1460 et 1470. Basés non pas sur les épaisses gothiques comme la Textura mais plutôt sur les formes ouvertes des scripteurs de l’Italie humaniste, ils constituèrent les premiers caractères dits romains.

Jenson

Caractéristiques

Qu’est-ce qui rend humanistique un caractère humanistique? Qu’est-ce qui le distingue des autres styles, et quelles en sont les caractéristiques principales?

1 Traverse inclinée du «e» bas de casse;
2 Œil relativement petit;

Caractéristiques

3 Contraste pleins/déliés assez faible (ce qui signifie tout simplement de faibles variations de graisses);
4 Un gris typographique assez sombre. (Le «gris typo» étant la surface créée par le bloc de texte lorsqu’on le regarde globalement, notamment les yeux mi-clos.)

Exemples

Quelques exemples de caractères humanistiques:

Jenson, Kennerly, Centaur, Stempel Schneidler, Verona, Lutetia, Jersey, Lynton.

Centaur

Même si l’influence des caractères humanistiques se perpétue encore et que ceux-ci furent largement diffusés, on les voit peu employés ces derniers temps. Malgré une brève période de renouveau au début du vingtième siècle, leur noirceur et leur faible œil sont passés de mode. Cependant, ils méritent notre attention — voire notre admiration — car ils sont en quelque sorte les arrière-grands-parents des caractères contemporains.

Attrapez donc votre passeport et n’oubliez pas votre brosse à dents, car dans la deuxième partie de cet article nous partons à Venise pour examiner de plus près les Garaldes (ou Old Style). Pour ceux d’entre vous qui désirent mettre leurs connaissances à l’épreuve, serez-vous capables de dire lesquels des caractères suivants ne sont pas considérés comme des caractères humanistiques:

Erasmus, Times New Roman, Caslon, Cloister, Guardi, ITC Garamond

Pour en savoir plus

Article de Wikipedia sur les gothiques: [FR] + [EN]
A Short History of the Printed Word, chapitre 4 — Chappell and Bringhurst
Type — The Secret History of Letters
, chapitres 1 et 11 — Simon Loxley

Note du traducteur:

Cet article différencie Humanistique, terme directement lié à des caractéristiques typographiques visuelles, d’Humaniste, qui se rapporte davantage à l’esprit de conception de tels caractères.

Traduit par: Jean-Baptiste Levée

Terminologia de Tipos: Humanista

Cada tema, desde a odontologia até manipulação do cão tem o seu próprio vocabulário - termos que são peculiares (único) para ele. A Tipografia não é excepção. Aprender a língua franca (lingo) dos tipos vai fazer a tipografia muito mais acessível, e que irá, por sua vez, conduzir a uma maior compreensão e esperamos um maior apreço por todas as coisas “tipo”.

Hoje, vamos dar uma olhada em apenas um desses termos, nomeadamente, a “Humanista”. Tu podes ter te cruzado com este termo antes (ou tu podes até estar a pensar, o que raio é isto?). O termo Humanista faz parte da nomenclatura que descreve classificação de tipos. Durante o período de 1800 um sistema de classificação de tipos foi derivado, e embora muitos outros sistemas e subconjuntos deste sistema existam, basicamente é esta:

Humanista / Old Style / Transição / Moderna / Slab Serif (Egípcia) / Sans Serif

Até ao final desta série de seis partes, ser-lhe-á bastante au fait com todos estes termos; e imagina a alegria que tu vais sentir quando orgulhosamente exclamares para deleite da tua esposa, namorada, namorado, vizinho, gajo da loja do canto,

Olha no tipo inspirado na Humanista! Nota como o perfil do “e” minúsculo …

Assim, sem mais delongas, vamos começar a nossa caminhada – um caminho que nos levará a partir do incunabula aos dias de hoje.

[Incunabula] pode referir-se às primeiras fases do desenvolvimento de qualquer coisa, mas tem vindo a defender-se mais particularmente para os livros impressos na Europa antes de 1500.— A Short History of the Printed Word (Uma Breve História da Palavra Impressa)

O modelo para os primeiros tipos móveis foi a Blackletter (também conhecida como Bloco, Gótico, Fraktur ou Inglês Antigo), um pesada, negra, às vezes quase ilegível – para os olhos modernos - linguagem que foi comum durante a Idade Média. Felizmente, os tipos baseados na blackletter foram em breve substituídos por algo um pouco mais fácil de ler, (drum roll…) – entra a Humanista.

gutenberg-bible-detail-page1.jpg

Os tipos Humanistas (por vezes referidos como Venezianos) apareceram por volta de 1460 e 1470, e não foram inspirados na linguagem gótica negra como textura, mas sobre formas mais leves e abertas dos escritores humanistas Italianos. Os tipos Humanistas eram, ao mesmo tempo, os primeiros tipos latinos.

jenson.jpg

Características

Então, o que torna Humanista, Humanista? O que a distingue de outros estilos? Quais são as suas principais características?

1 A barra no “e” minúsculo inclinada;
2 Altura-x relativamente baixa;

chracter-humanist.gif

3 Baixo contraste entre o “grosso” e “fino” dos braços (basicamente o que significa que há pouca variação da largura de braços);
4 cores escuras (não uma referência à cor no sentido tradicional do termo, mas, em geral leveza ou obscuridade da página). Para uma melhor impressão de uma página da “cor” analisá-la através de olhos semi-fechados.

Exemplos

E aqui estão alguns exemplos de tipos Humanistas:
Jenson, Kennerly, Centaur, Stempel Schneidler, Verona, Lutetia, Jersey, Lynton.

centaur1.gif

Embora a influência dos tipos Humanistas tem um grande alcance, não são muitas vezes vistos hoje em dia. Apesar de um breve renascimento durante o início século XX, a sua cor relativamente escura e a altura-x baixa ficaram fora de moda. No entanto, merecem a nossa atenção – mesmo a nossa admiração – porque são, de certa forma, os grandes pais dos tipos modernos.

Agarra no teu passaporte e embala a tua escova de dentes porque na parte dois estamos de saída de Veneza para dar uma olhadela mais próxima aos tipos “Old Style”. Para aqueles interessados em testar os seus conhecimentos, poderão dizer quais dos seguintes não são geralmente considerados como sendo tipos Humanistas:

Erasmus, Times New Roman, Caslon, Cloister, Guardi, ITC Garamond

Outras leituras:

Wikipedia entrada para Blackletter
A Short History of the Printed Word, chapter 4 — Chappell and Bringhurst
Type — The Secret History of Letters
, chapters 1 and 11 — Simon Loxley

Read Part 2: Type Terminology—Old Style

Translated by Miguel Batista.

Sunday Type: Potato Type

More Edible Type

We’ve had chocolate type, but that’s just for dessert. Well, here’s some carbohydrates in the form of potato type. How do you like your type? Baked, boiled, fried, sautéed, perhaps? Which type would you use for your own potatoes? I’d go for sautéed Parisine.

potatoes-type.jpg

ATypI membership

It’s January and ATypI membership for 2008 is now open to buy. ATypI (Association Typographique Internationale) annual membership costs $110 ($35 for students).

ATypI (Association Typographique Internationale)

Not only does membership bring with it discounts for ATypI events, but you will also have access to the database of members, subscription to the members-only e-mail discussion list, annual reports from Country Delegates, and much more. If you’re already a member, then please share your thoughts.

I love these beautiful letter blocks that I found via Swiss Miss. Just need to have some children, so that I can justify buying some.

alphabetblocks.jpg

RedHat users might be pleased to hear of the release of Liberation, a set of fonts for Unix, that acts as a replacement to Arial and Times, etc. However, you don’t need to have Unix to use them. They can be downloaded here in several formats. Thanks to Alec for the link.

Up with the x-height

It seems like an age ago since I last mentioned the Insigne type foundry. Terfens is the latest offering from Jeremy Dooley, also the creator of the rounded sans Montag:

terfens.gif

Terfens is a sans serif with inspiration from chancery scripts like Stefania. Subtly rounded and eschewing harsh technical lines, Terfens is a warm and inviting typeface. Its tall x-height gives it a friendly but not overly informal feel. Its readability and unique contemporary look makes it suitable for a wide range of design applications.

The next item doesn’t make for the most legible type, but it’s an interesting experiment nonetheless. Each letter form is derived from the number eight:

eight.gif

Might also be interesting to see something similar derived from squarer-looking eight. Thanks to James Brown (yes, it’s his real name) for the link.

During my interview with Neil Summerour I mentioned one of his recent typefaces, Epic. It’s now on sale over at TypeTrust. All twelve weights can now be purchased for $145 (half the original price); and Epic Pack A (4 weights) is available for just $50 (an OpenType font of course).

Epic Pack A (4 weights)

I’ve mentioned the display face Brasserie from Swedish designer Stefan Hattenbach before, but I’ll mention it again because iLT will be interviewing him in future.

brasserie.png

And here’s another of Stefan’s, Anziano,

anziano-sample.png

which comes adorned with numerous ornaments. To see more of Stefan’s work, visit his web site.

Tales of tattoos

Do you remember Roger who asked for your advice on a suitable type for his tattoo? Well, yesterday he did the deed, and here’s what he has to say:

Thanks for all your suggestions and inspiration regarding my possible tattoo a few weeks ago. I promised I would send a photo of the completed work and I’m happy (and slightly shocked) to report that I paid the shop a visit this afternoon and got my very first tattoo.
I went through a couple of type options with my friend and the artist. I wanted lowercase, but my friend rightly pointed out that a single lower-case word looks odd out of the context of a sentence. Also, uppercase tends to have more impact. I was keen to go for Baskerville, but the artist informed me that he wouldn’t be able to give proper definition to all the subtle curves and serifs (except he didn’t use the word ‘serif’), so I went with xxxxxx instead. I wanted a smaller size, but apparently what I’ve got is about as small as you can go without losing definition. In the end, it wasn’t exactly what I was after, but it’s definitely growing on me. I’m hoping it will thin out a bit when it has healed properly.

Thanks again for all your help! Perhaps this will be of use to someone else planning a type tattoo in the future.

I’ve intentionally x’d out the name of the type Roger used. That’s for you to guess. It’s not so easy:

roger-tattoo.jpg

And talking of tattoos, there’s an interesting article over on Easily Amused, the blog of John D Berry. It’s entitled Wearing your art on your sleeve.

Coming soon

The next in our Type Terms series, Transitional Type, where we’ll be heading back to early-eighteenth century France to take a closer look at the types that followed the Old Style forms like Garamond. We also have some more great interviews to come.

And finally…

Can you name the type used in this article’s header? Thanks to Antonio Serrano.

I’ve added some links and a search this site and search for fonts option, accessible via the ‘Typography Tags & Search” menu at the top of the page. You can also search for fonts from the FontWall. Soon I hope to have a search for fonts application within this site, with samples from a database of thousands. Yesterday I published the first translation of an iLT article into Portuguese. It’s a translation of Alec’s Font Creation case Study—one of iLT’s most popular. Many more translations to come, including Japanese, Chinese and French.

Have a great Sunday.

veer-ilt-logo.png

Caso de estudo de Criação de Fontes: Joules

Andas sempre à procura por inspiração tipográfica, trago uma caligrafia barata orientada no Verão, convencido que os meus gatafunhos fariam letras mágicas.
Uma semana e dezenas de páginas depois, não tinham nada interessante ou vagamente artístico. Depois, uma noite, cansado e desesperado, e não tendo tinta preta, tapei com cartucho vermelho, e esbocei o alfabeto que brevemente se iria tornar a família Joules. Pensei que talvez fosse interessante para alguns de vós se eu documenta-se o processo de criação com este caso de estudo.

Aqui está uma das páginas que esbocei naquela noite:

Joules initial drawing

Um pormenor:

Joules initial drawing, closeup

Um super pormenor do A maiúsculo que eu usei:

Joules A closeup

Do esquiço à fonte

O processo que eu usei para criar a Joules a partir dos meus esboços é o mesmo que tracei nos meus artigos anteriores em criação de fontes. Fiz uma digitalização da página, e aqui está o resultado em Photoshop depois de mudar a digitalização para um bitmap preto/branco.

Joules A black-and-white

Nota como os pontos toscos aparecem na imagem bitmap:

Joules A rough spots

Joules A black-and-white rough spots

Geralmente limpo a imagem em bitmap antes de a importar para Fontlab, mas não neste caso. Aqui está o primeiro passo para importar o bitmap para Scanfont:

Initial pass in ScanFont

E um pormenor do Scanfont:

A in ScanFont

Copiei a nova forma e colei na abertura apropriada no Fontlab. Para te dar um gostinho da artimanha do Fontlab, aumentei o “A” tosco. Seleccionei um ponto problemático:

Closeup in FontLab

E comecei a artimanha apagando alguns nós ofensivos:

Closeup in FontLab

Uma das grandes coisas para balançar quando artimanhas formas em Fontlab é a tentação de amaciar todos os contornos versus a tentação de deixar muitos pontos toscos para manter a fonte interessante. Descobri da pior maneira que com fontes de escrita manual não deves amaciar todos os pontos toscos, assim que isso começa a roubar alguma da emoção da escrita manual.

Formas compostas em nosso auxilio

Uma das boas características que nos poupa tempo no Fontlab é a composição de caracteres automática. Neste caso, criei um “A”, e um “acento grave (`)”:

A plus Grave

E agora duplo-clic na célula de “A-Grave”…

A plus Grave double click

…e o Fontlab cria uma forma composta:

A plus Grave composite

A partir de agora, se editas o “A” ou o “acento grave (`)”, as alterações vão automaticamente reflectir-se no “A-Grave” composto.

Distâncias laterais (Sidebearings)

Como mencionado nos meus artigos anteriores em criação de fontes, formar boas distâncias laterais é um passo importante. (Por uma boa razão, boas distâncias laterais facilitam o kerning!) Inicialmente para as artimanhas das formas, geralmente crio distâncias laterais toscas, pequenas e positivas. As distâncias laterais do “y” inicialmente são algo assim:

y sidebearings

O problema com estas distâncias laterais pode ser ilustrado olhando par o kerning inicial do par “ay”:

a-y sidebearings with kerning

Posso deixar as distâncias laterais como estão e fazer o kerning do “y” próximo do “a” (e, depois, fazer o kerning do “y” próximo de qualquer outro caractere), mas é mais fácil (e saudável) criar distâncias laterais negativas para o lado esquerdo do “y”:

y negative sidebearings

Aqui está o kerning inicial com as distâncias laterais melhores:

a-y negative sidebearings with kerning

Kerning

As horas de diversão que eu tive com o kerning desta fonte! Vou te livrar dos detalhes chatos. Mas aqui está um exemplo de kerning a funcionar. Antes:

A V pre kerning

Depois:

A V post kerning

Ligaduras

Criei uma série de ligaduras para a Joules que se pode seleccionar manualmente e aplicar num projecto tipográfico:

Joules ligatures

E aqui está como criei uma. Primeiro, como o “z” e o “a” assentavam normalmente um a seguir ao outro:

z and a

Podia ter feito o kerning ao par para que eles ficassem sobrepostos numa moda esteticamente agradável, mas o mais responsável foi criar uma ligadura “z-a”. Passo 1, criar uma forma vazia, e copiar o “z” e o “a” nele:

z and a, pre-ligature

Passo 2, cortar os contornos para que eles se possam juntar no sítio apropriado:

z and a, pre-ligature ...

Passo 3, remover o excesso:

z and a, pre-ligature...

Passo 4, aproximar as formas:

z and a, pre-ligature...

Passo 5, conectar os pontos:

z and a ligature

Ligaduras inteligentes

Uma das coisas que não deu para o meu primeiro lançamento da Joules são as ligaduras inteligentes: tecnologia que eu recentemente aprendi como criar. (Quer dizer o fim das Truetype como as conhecemos, já que as ligaduras inteligentes requerem o uso da tecnologia das OpenType ). Vou te poupar dos detalhes, mas envolve abrir um painel especial Opentype no Fontlab, e basicamente fazer algum scripting para que as formas da ligadura que criaste ganharem vida num software ligadura-aware. É algo assim:

Ligature definitions

Etc

Aqui está o resultado, depois de todas as artimanhas e kerning:

Joules

E meti-me a fazer uma versão em itálico (era mais uma versão oblíqua, para os puristas que por aí andam), e depois uma bold, bold itálica, e black. Se alguém está interessado, eu posso detalhar como fiz este processo.

[Alec Julien é um web developer e um tipógrafo amador que vive em Vermont, USA. Sonha um dia viver num local quente, e escrever um novela.]

Translated by Miguel Batista.

Type Snippets

FF Unit Rounded Ready to Roll

News just in from Erik van Blokland writing on SpiekerBlog is that Unit Rounded is now complete.

unitrounded.gif

One of the dangers inherent in creating one of these rounded types is the ‘sausage effect’. Those rounded corners may well look OK at one weight, but what happens when you want numerous additional weights? That’s where the Superpolator comes in—a kind of anti-sausage machine. To discover why FF Unit Rounded is no sausage, you can read the original article here.

FF Unit is serious enough to be rounded without becoming a sausage face or one only suited for comic strips. It looks friendly without losing its precision and changes its appearance quite dramatically as it grows in size. The Rounded version should be available at your local FontShop any day now.

It’s worth pointing out too that while the Superpolator looks like a pretty impressive piece of software, the final product was tweaked and perfected by human hands and trained eyes.

And here’s the original FF Unit designed in 2003 by Erik Spiekermann and Christian Schwartz:

FF Unit 1

See you Sunday for another Sunday Type. If you missed last week’s, you can read it here.

Type Faces

An Interview With Ellen Lupton
Graphic designer, curator, artist, educator and writer, Ellen Lupton is perhaps best known for her Thinking With Type—a book that in many respects opened up typography to a wider audience. Many have remarked that she made learning about typography fun; and ‘do I look fat in this paragraph’ and ‘typography is what language looks like’ are now oft-quoted phrases. She also stirred up some controversy over her Free Fonts Manifesto, which you can read about here.

How did you become interested in typography?

I discovered typography as an art student in the early 1980s. I had played around with lettering in an amateur way as a teenager, but I had no notion of typography until I was exposed to it in a typography course taught by George Sadek and William Bevington at Cooper Union. I was stunned.

word-book

Continue reading this article

打造你自己的字体(III)实例研究:Joules

永远都在寻觅字体设计的 灵感。夏天过后,我买了一套便宜的书法钢笔,说服自己,它会让我的鸡爬字产生脱胎换骨的变化。在浪费了一个星期和几打白纸之后,我还是没得到什么有趣的或 是有稍微艺术气息的东西。最后,在一天晚上,疲倦而失望的我,在用完了黑色墨水之后,插入了一支红色的笔芯,然后写下了下面这一套字母表——之后它变成了 我的 Joules字族。我想,如果我在这个案例研究中把它如何变成字体的过程写出来,大家也许会感兴趣。
Continue reading this article

Sunday Type: Iso Type

Give me my Fix

January is certainly the month of lists, and here’s MyFonts list of their Top Ten Fonts of 2007. My personal favourites are these two. The first is a ‘handwriting’ font inspired by a handwriting sample from the 1930s. Mark van Bronkhorst turned it into a font and named it Sacre Bleu:

sacre_bleu-specimen.gif

The next is Jeremy Dooley’s (Insigne Foundry) Aviano and Aviano Sans, the rich- and rather dignified-looking all-caps display faces.

aviano typeface

One List to Rule Them all

Of course the real list (the list we’re all waiting for) is Typographica’s favourite typefaces of 2007.

Typographica’s review of our favorite typefaces of 2007 is in production and we’ll publish it far more promptly than in past years. Keep your refresh fingers pushing and your feed readers running — the article will grace this space very soon.

If you can’t survive the next few days(?) until Typographic’s best of 2007 list, then you can get your fix through past lists: 2006, 2005 and 2004. That should alleviate the withdrawal symptoms until the next one.

Here are a couple of my favourites from 2005-2006:

Omnes by Joshua Darden:

omnes

and Zingha by Xavier Dupré:

zingha

One of my regular sources of inspiration is AisleOne, and I found this site on his links list. There’s some fine work to be found on the ISO50 web site; I particularly like this rather edible looking poster:

iso50-svenska_1b.jpg

And here’s another rather comfortable and inspiring example from AisleOne:

dharma-chair.jpg

The next item is here, not because I’m suggesting you buy this calendar from Linotype (though you can if you really want to, of course), but rather here to inspire. How about making your own type-calendar. A different type for each month, perhaps; or type treatments like those below. I like May:

linotype calendar

If you make one that you’re particularly pleased with, why not submit it as a wallpaper.

Moving Type, created by Seb Lester, was featured in the 2007 Typophile Film Festival, and demonstrates the varied emotions that type elicits. I mentioned above the rich-looking Aviano. There are other types that shout corporate, while others exude confidence and elegance, or conjure up whole eras. I’m sure you can think of many such examples.
YouTube Preview Image
And here’s one of Seb’s typefaces, Neo Sans—also used for this article’s header. Thanks, Seb.

Neo Sans

Readers’ Type

It’s really encouraging to come across the work of iLT readers. Nour is a regular reader and was inspired to have a go at type design upon reading Alec’s So You Want to Create a Font series (part 1 | part 2).

web geometric by Nour

Many seem to be put off by the amount of work involved in creating a font. However, what’s to say that you ever have to complete and publish it. Why not create just the lowercase—or even a few letters—for your own use. In the process, you will learn a great deal about how type works, and your good type radar will become that much more sensitive. So don’t be put off by font creation software, discretionary ligatures and kerning—take up your pencil and paper and get drawing. You won’t regret it. If you do have a go, be sure to let me know.

Coming up…

I have so many articles prepared, that I’m really not sure which to post first, so just this time, I’ll let you decide:

Here are your options:

1. An interview with Ellen Lupton;

2. Talking About Type (a kind of essay about type the way we talk and write about it);

3. Type Terms—Transitional Type, part 3 (part 1 | part 2).

All of the above will be published, but it’s for you to choose the next one to be published on Wednesday or Thursday.

And finally…

Well, wherever you are and whatever you’re doing (kerning, gardening, washing the car…), have a great Sunday.

15 Great Examples of Web Typography

The List: Q1 2008

What better way to start the year than with a little typographic inspiration. Last year I published 15 Excellent Examples of Web Typography, and owing to its popularity and people’s sateless appetite for lists, here are another 15. I’ve decided to make this a regular feature and will publish this list every quarter (3 months [for those living on Mars, that’s every 5.7 months]).

Some of the designs are here for their simplicity, and they demonstrate that sometimes less really is more. Others made it onto the list simply because they use text well, or they demonstrate how the grid should be used. Although I’m sure that a number of these sites are very accessible and validate against HTML99 and the like, they exist here not because of that and not because they are pretty (though sometimes they are), but because of their treatment of text—their typography. Well, here they are (in no particular order). Enjoy.

Webstock—mixing it up:

webstock.gif

Happy Cog—note how the main menu items are incorporated in the opening paragraph:

happy-cog.jpg

The Morning News—transferring that magazine or newspaper look to the screen is sometimes disastrous. This one gets it right:

Typography. The Morning News

SpiekermannPartners—this is how you use a grid (note: no footers):

spiekermann-partners.jpg

Rainfall Daffinson—the not-so-invisible grid:

Typography. Rainfall Faffinson

Porchez Typofonderie—typetastique:

typofonderie.jpg

AIGA NY—clean and simple:

Typography. AIGA NY

Fray—a nice slab of serif:

Typography. Fray

Cameron i/o—just text. I’m rarely a fan of light text on a dark background, but…

Typography. Camero i/o

Upstart Blogger—web typography gone Swiss. A white-space feast:

Typography. Upstart Blogger

Frieze—I’m sure you’ll recognise the logo font:

Typography. Frieze Magazine

Freelance Switch—organised and structured:

Typography. Freelance Switch

Monday by Noon—another simple one, and fluid to boot:

Monday by Noon

A Brief Message—nice use of sIFR:

Typography. Ripped From the News

Words are Pictures—nice text and gorgeous illustration; shame about the silly scrolling thing:

Typography. Words are Pictures

What do you think?

And who can name the font used in the header for this article?

Subscribe to i love typography.


Page 27 of 33« first24252627282930last »
July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts January Fonts November Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts december Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts December Fonts November Fonts October Fonts September Fonts August Fonts July Fonts May Fonts April Fonts March 2011 Fonts February 2011 Fonts January 2011 Fonts December 2010 Fonts November 2010 Fonts October 2010 Fonts September 2010 Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February 2010 featured fonts December Fonts November Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts December Fonts November Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts December Fonts November Fonts