There weren’t as many web fonts to pick from when I started my freelance career in the early 2000s, still I was always overwhelmed by the number of fonts to choose from. With no formal education in design or typography, my choices were uninformed and limited.

It’s kinda funny to look back and realise that it was harder for me to choose fonts when there were fewer to choose from than now. I had moved away from being a freelance graphic designer in the years since then, but I still do branding, web design, and graphic design work for my own projects. I acquired enough experience and learned so much about web typography in my career that I naturally came to the conclusion that many designers had reached before me — all you need is 5 fonts.

Massimo Vignelli’s 5 fonts

Massimo Vignelli was one of the best visual communicators…


This is the period when I usually receive a couple of emails in which people ask me if I’ll have a Black Friday sale for my book. My answer is always “no, I don’t do Black Friday sales” and then I never hear back from them. They never ask why but I decided to write this post and share my thoughts.

Black Friday is often referred to as the “consumerism holiday” and I can’t help myself but this sounds so wrong to me. The level of consumerism that we got to in the world today is absurd. Maybe I think that because of my minimalist mentality and lifestyle. Minimalism is something that has attracted me for years now and it became a fundamental part of my life. This doesn’t mean that I never buy anything on Black Friday sales, I do. But it’s usually something that I have been thinking about buying for a while. When you adopt the minimalist mentality…


I’d always used the Monaco font and Sublime Text for coding but I recently decided to switch to VS Code. That change also led me to explore monospaced fonts suitable for coding as I worked on customising my VS Code theme.

Originally published on the Better Web Type blog.

At some point, I found Fira Code and loved the fact that it had coding ligatures, so I made the switch. That wasn’t long ago, but I recently did even more research into monospaced fonts and found my new favourite, you can see it at the bottom of this article. Here are the five fonts I considered the best, all of them are free to download and use.

Fira Code

This is a really cool monospaced font based on Fira Mono from Mozilla. I wanted to have it first on the list as I…


I continued with my habit of reading for at least 30 minutes a day in 2019. It’s now such a fundamental part of my life that I can’t imagine spending a day without it. If someone told me this when I was a teenager, I’d have a good laugh and go back to playing video games.

According to my Goodreads’ My Year in Books 2019 report, I read 24 books last year. That’s five more than the year before but still one short from reaching my goal of 25. I guess I’m slowly getting there. This is a list of…


Do you love doing what you do? Do you love it to the point that you’d do it for free?

I remember telling this to the CEO of the first company that hired me as a full-time UX designer: “thanks for the raise but it really isn’t about money for me. If I could, I’d do this for free.” They were really happy with my performance so they gave me a raise just a couple of months after I started working there. Until then, I had a full-time, non-designer job which I hated and I freelanced doing design work on the side. Being able to do it full-time literally was a dream come true.

I remembered this a few days…


I recently received an email from a designer called Jared. He went through the typography lessons that I offer as part of the free course and he was very grateful for them. He said he learned a lot but also had one important question: how do I go about choosing a font for my project?

This post was originally published on the Better Web Type blog.

He told me that he works for a design agency and choosing fonts for websites they work on is something he does all the time. It’s also something that frustrates him a lot since he never studied design and typography, so he mostly does it by his “gut feeling”. That, or he copies a font from a website he likes. He’s aware of his limitations when it comes to making original font choices and his frustration grows every day. And he’s not alone.

Since I launched my free web…


Designing with a baseline grid in Sketch speeds up the visual design process, enables designers to produce consistent mockups and establishes a consistent vertical rhythm in the designs.

This post was originally published on the Better Web Type blog.

The first major article that talks about aligning type on the web to a baseline grid was the one by Wilson Miner for A List Apart back in 2007. Revisiting the article now, it feels a bit clumsy to define the grid, the margins and the padding in fixed pixels sizes to make all the alignment work. But that was a while ago and we — mostly web development practices and tools — have come a long way since then. We can now use Sass mixins to easily define…


Telling font styles apart was one of the hardest things to do when I started working as a designer. Being self-taught, the only major difference I could see was that a font was either a serif or a sans-serif. But the more I explored, the more I realised how vast the universe of font styles actually is.

This guide is an excerpt of chapter 3 from the book Better Web Typography for a Better Web by Matej Latin. The book consists of 13 chapters through which the reader designs and builds an example website and thus learns by doing.

Now I know why recognising the style of a font is so hard. When it comes to typography, and especially when it comes to typefaces, it’s all in the details. It’s hard to even imagine how much work goes into designing a typeface and how much focus type designers put into tiny details that remain invisible to most…


I wrote about fluid web typography in last month’s blog post and I realised that a lot of the popular implementation techniques come with accessibility issues. So I wanted to go back and revisit the basics and the best practices of accessible web typography.

This article was originally published on the Better Web Type blog.

I think it’s safe to claim that a large part of website accessibility falls on typography, after all, the web still is 95% typography. Viewers come to a website to read its content or just to find the specific information they’re looking for. And most of that information and most of the content is communicated through text. This is one of the few constants on the web that hasn’t changed through the years. So how do we make sure that everyone can read the content of our website? And…


Fluid typography gives us so many opportunities to better design the reading experiences on the web but, at the same time, it introduces problems of font sizes scaling uncontrollably and potential accessibility issues. Is fluid web typography ready to be used?

Browser support for the viewport units has been good for a while. Looking into it now, most browsers fully supported them since 2013–2014. Microsoft’s Edge was an exception (no surprise there) as it only supports them since the Edge 16 version which was released in October 2017. Still, it’s two years since then. With all other major browsers supporting the viewport units for 5–6 years, how come we don’t encounter fluid typography on websites more often? I have to admit, I am one of those who resize the browser window to see how a website adjusts to the viewport change…

Matej Latin

Senior Product Designer at GitLab. Designer, author, type geek, minimalist. Join my private mailing list at http://matejlatin.co.uk.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store