This site started life from a short talk about the future and the importance of typography on the web. Web designers and developers are going to shape the coming years of global visual communication. The web spans many contexts and setting text that responds appropriately to those contexts is key. We still don’t yet have the level of control on the web as we have in print, and until we do we cannot fully explore what the medium holds for type. We cannot forget the centuries of work that has gone into figuring out solutions to similar problems, albeit in different contexts. We need to learn how to make better informed typographic decisions and not be put off by typography.
Books are obviously a great place to start when researching any given subject. There are many books out there on the history and theory behind typography so I’ve narrowed it down to a key few that can help you learn all about it. This is by no means a complete list, nor do you have to go and buy all of these straight away. They are however, all worth a read if you have some time.
Often hailed as the bible of typography. A wealth of information in here. If you still haven’t read it, why not this is recommended everywhere!View on Goodreads
All you need to know about setting text at the paragraph level and beyond. Great illustrations to accompany the ideas.View on Goodreads
One of the only of the books listed here specifically about the web. Just about all the things you need to get going are in here.View on Goodreads
I still remember picking up the remnants of my brain off the floor after having my mind blown the first time I read it.View on Goodreads
Booked as “How to Think Like a Typographer in HTML and CSS”, this is a great starting point for applying typographic principles to the web.View on Goodreads
The trials & tribulations of making metal type by hand makes for fascinating reading. A glimpse into the past can only help us make the future.View on Goodreads
There are lots of great blogs out there that focus on typography, many of which you will know of already. There’s also a wealth of individual posts that are easily lost in the ether. Here are some of those. I’ll try to keep these updated with recent posts too.
News on the latest works in web font serving, typography on and off the web, new fonts, and weekly inspiration.blog.typekit.com
John Boardley’s blog on typography. Keep up with all the latest news from the world of fonts and read longer in depth articles on typography.ilovetypography.com
Part of the ‘Dear Design Student’ series which answers the question ‘I’m a print designer. How can I learn about web typography?’Read on Medium
A classic post from 2006(!). It was very controversial at the time. Well worth reading again. Also includes a list of resources.Read on the iA blog
Learn how to make meaningful choices using ratios and modular scales to create a visual harmony to your compositions.Read on A List Apart
Kenneth’s talk in blog form. Lots of great information on performance and implementation in here.Read on Kenneth Ormandy’s blog
This is somewhat of an awkward title for the grouping for these resources but these don’t quite fit in under blogs or books. Many of these are perhaps the best places to start, if you want to learn more about typography on the web.
Lots of really handy tips and good advice to guide you. Once available as a pocket book too, keep an eye out if they do another print run.Visit
Typography in ten minutes, a bold claim — but justified. A great starting point. Although remember that ‘rules’ is a loose term.Visit
An online book to Professional Web Typography. Read it and give Donny some money to support his self-publishing. This is good.Visit
‘Good decisions take practice’. Lessons, examples to work on, references, and resources. This is exciting stuff.Visit
I had the pleasure of finally seeing Tim Brown speak at a conference recently. Incredible. This is the online home of his talks (and more).Visit
It’s like caniuse but specifically for web type and typography. Open source up-to-date browser support data. Nice.Visit
If you fancy watching, or re-watching, some great conference talks on typography here are a few of my favourites.
Tim Brown, Build conference 2010.Watch
Jason Santa Maria, Build conference 2011.Watch
A selection of side projects that show off ideas that could be native web experiences and tools to help you improve the typography in your web projects.
Apply different styles based on the text rasterizer and antialiasing the browser is using.typerendering.com
The only modular scale calculator you need. See also the Sass and JS plugins.modularscale.com
Set text in browser in any web font you can dream of.typecast.com
What probably loads the fonts on your website, from Google and Typekit.View on GitHub
All the OpenType features you need baked into a version of normalize.css.View on GitHub
Set text on the web to a baseline grid with Sass & rems using a responsive modular-scale.View on GitHub
Magical typesetting wizardry using Node to pre-process your HTML.View on GitHub
More wizardry as far as I’m concerned. Open sourcing good typography.View on GitHub
These are but some of the people who are working to progress web typography. Check out their work, follow them, and talk to them. We’re all in this together. (Names in no particular order).
Want some science to back these ideas up? Here are some that might come in useful.
‘Good typography induces a good mood’. An all time favourite piece of research. A++ would quote again.View PDF
‘The question is not can we do everything on screens, but when will we, how will we and how can we make it great?’Read online
‘The number of characters per line is an important variable which can affect speed of reading’View PDF
‘Word shape is no longer a viable model of word recognition … we recognize a word’s component letters, then use that visual information to recognize a word’Read online