Posts about Typography in web design

Although not a trained graphic designer or typographer, Andy Clarke is passionate about typography. He’s keen to learn how to use type in creative ways in his web design work.

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.

Andy Clarke portrait

About Andy

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. Read more about my work, browse my blog, or follow me on Instagram and Twitter.

Browse by topics

Blog roll

The Britpack

Johnny Foreigners

Occasional newsletter

Occasional news and design updates delivered to your inbox. No spam, ever.

We’ll never share your email address and you can opt out at any time. (Newsletter powered by MailChimp.)


Working with clients for over 25 years

Contact us OK, LET’S TALK

Press to call 01745 851848