Odds and Ends #1 – Typography

Written by Michael Gearon on the

Last updated 08

‘Odds and Ends’ will be a weekly post containing (in my humble opinion) some of the best blog posts, videos and tutorials on the web. It will cover a wide range of topics centred around, but not limited to, my interest in web design and development. This week we will look at some of the best typography blog posts, and how we can create responsive, accessible type that is easily read.

Readable, Fluid Type With Basic CSS Smarts

Screen Shot 2014-08-08 at 15.50.31

This Type Cast blog post gives pointers on how to produce good typography, covering area’s such as choosing your font, font sizes using ems, and fancy CSS columns.

Link to Type Cast post

How We Read

A List Apart

Taken from the first chapter of the new book ‘On Web Typography’ by Jason Santa Maria, this blog post looks at how we actually read and includes some great tips on improving readability. This book is definitely on my wish list.

Link to A List Apart post

Improving Web Typography for Visually Impaired Users

Tuts+

It is good to create beautiful web typography, but we should also consider accessibility for those who might have impaired vision. This guide by tuts+ provides insightful information on little things we can do to make a big difference.

Link to Tuts+ post

Techniques for Responsive Typography

Codrops

This post by Sara Soueidnn on Codedrops looks in detail at responsive typography. Topics covered are; using JQUERY to produce large responsive headlines, using the CSS @font-face rule, font colour accessibility and lots more.

Link to Codrops post

Written by Michael Gearon

Michael Gearon is a UX Designer at BrandContent. Specialising in voice assistants and CRO, I have a wealth of experience in UX, UI and website design. Based in Cardiff, South Wales Mike can help local businesses with their online presence.