Skip to main content

tempertemper’s Typefaces

Posted in Brand and Design

I rebranded tempertemper last summer and I must say I’ve been very happy with the direction it has taken.

The first thing I did was work on a new logo. This provided a starting point for the typeface/fonts I would use as part of my new-look brand.

I’m a big fan of typography. I think this is because I’m a web designer and the web is 95% text/typography. Even images are underpinned by text on the web!


The typeface I used for the new logo is FS Me, and I chose it for the following reasons:

  • I’m an accessibility nut, and FS Me was designed to be as legible as possible to anyone
  • Because it’s so legible, it makes scanning headlines on my site very easy
  • I pride tempertemper on being an approachable organisation, and FS Me is a friendly font with bags of character
  • Simplicity is one of tempertemper’s core values, and FS Me conveys this nicely, without being childlike or unrefined
  • It’s a lovely looking font!


I used FS Me for everything for a while, but my brand has been evolving steadily since last year’s rebranding. One thing I recently added is a font to use for ‘body’ text (paragraphs, lists, and other general text) to complement FS Me, which I now use for headings and other ‘landmark’ text.

The font I chose is what’s known as a ‘serif’ font. This means there are little kicks and flicks at the end of words, which makes reading large sections of text easier as the letters flow into words more effectively.

FS Me looked gorgeous as smaller body text on my MacBook Pro’s high definition (Retina) screen, but on normal/non-HD screens it didn’t look all that special.

Georgia was designed in the '90s specifically to be used on computer screens, so looks great and is easy to read no matter what device you’re using.

There are a certain few typefaces/fonts that are available on every computer or mobile device, from an ancient laptops running Windows XP, Android smartphones, brand new Microsoft Surface tablets, to the most recent MacBook. Georgia is one of them and it’s gorgeous. Because it’s already installed in everyone’s device, there’s one less thing to be downloaded when people view my website, meaning it loads that wee bit faster.

Typefaces and tools

If you’d like to know more about the tools and building blocks I’ve chosen to use on this site, have a look at the colophon.

Accessibility in your inbox

I send an accessibility-centric newsletter on the last day of every month, containing:

  • A roundup of the articles I’ve posted
  • A hot pick from my archives
  • Some interesting posts from around the web

I don’t collect any data on when, where or if people open the emails I send them. Your email will only be used to send you newsletters and will never be passed on. You can unsubscribe at any time.

More posts

Here are a couple more posts for you to enjoy. If that’s not enough, have a look at the full list.

  1. Images as the first thing in a button or link

    If the text of an interactive element like a button or link is preceded with an accessible image, we’ve probably got an accessibility problem.

  2. Alt text for CSS generated content

    There’s an interesting feature in Safari 17.4 that allows content added with CSS to have ‘alt’ text. I’m not sure how I feel about this.