Stuff & Nonsense product and website design

Posts about Typography

Missing Doctor Who episodes discovered

On the BBC:

The 1965 and 1967 episodes star William Hartnell and Patrick Troughton, the first two actors to play The Doctor. They are among more than 100 instalments which were not retained by the BBC.

Great news for Doctor Who fans.

Extreme Makeover, typography edition

The Carsonified roadies have loaded their white Transit and braved the ferry across the sea to Northern Ireland. This week I’m joining the Future Of Web Design Tour in Belfast, presenting “How to Design in the Browser”. More on that later. But first, a one-hour workshop, “Extreme Makeover, Typography Edition”

Testing Typotheque @font-face embedding

Typotheque is an independent type foundry based in the Netherlands who offer fonts for PC and Macintosh. They have kindly invited me into the beta program of their new @font-face embedding service.

First impressions of Typekit

This morning my inbox popped with an invitation to the preview of Typekit, a technology platform that hosts 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. Back in May I wrote that Typekit will change everything, here are my first impressions of Typekit in action at For A Beautiful Web.

Font Unstack

Earlier this week, I wrote about the limitations of current CSS to bind font styling to the availability of typefaces. I mused that a clever person might develop a solution using Javascript.

Improve your web typography with baseline shift

The baseline is an invisible line onto which all type characters sit, although of course some characters (including ‘j’, ‘p’, ‘g’ and ‘y’) have descenders that hang below the baseline. Baseline shift involves moving characters up or down in relation to the baseline and using it effectively can make a huge difference to the professional look of your type. Although baseline shift has traditionally been a part of using tools like InDesign or Quark, there are ways to accomplish the same results using today’s CSS.

Lead weight

As I wrote yesterday, CSS has unresolved problems concerning the lack of variable line-heights (leading) in relation to available installed typefaces. I don’t expect those to be resolved any time soon, unless by switching to @font-face for even commonly installed typefaces or some clever JavaScript font detection. During my teaching in Australia last week, another leading issue, in relation to CSS frameworks, came to mind. This one can be resolved by applying a little typography knowledge.

Lead Pipe

Would you be surprised if you heard me grumble about CSS3 and web typography *?

Typography is poetry (More on Typesetting The Waste Land)

Judging from the response from the people who attended, our first Visual Web Design Masterclass in London this month was a huge success. As a large part of the day was spent learning about typography, both relating to type and to layouts devised from typographic principles, I chose to illustrate the lessons by typesetting The Waste Land, a poem by TS. Eliot. If you weren't able to attend, now is your chance to take a look at the results of my experiments.

Browse topics

Andy Clarke portrait

About Andy

Hello. I’m Andy Clarke, a well-known website designer and writer on art direction and design for products and websites. I help businesses to deliver engaging customer experiences and unique designs.



Hire me. I’m available for coaching and to work on design projects.