In the last days I spend some time dissecting Medium.com typography to find the secrets for their secret sauce.

Usually a great reading experience require a great font. Like Medium.com does.

However using google fonts in your web projects is always a good idea as their cdn's are lightning fast (and they are free).

I tried all fonts in google fonts website and found out that you can recreate their reading experience very very similarly with free fonts.

The best fonts (in alternative to Medium ones) in my opinion are:

- Lora, as content font - Playfair display, as brand font - Montserrat, as UI font

I recreated their reading experience for a blog post in a live demo: https://codepen.io/lucagez/full/bQObBe/

I found myself always struggling for for a basic set of rules to make a decent reading experience. So I made a minimal boilerplate useful for bootstrapping a project. I hope someone will find it useful.

Git repo: https://github.com/lucagez/medium.css

Happy typography,

Gez