Title: Crafting awesome digital experiences is difficult. Let alone create a good set of rules of a good reading experience!<p>In the last days I spend some time dissecting Medium.com typography to find the secrets for their secret sauce.<p>Usually a great reading experience require a great font. Like Medium.com does.<p>However using google fonts in your web projects is always a good idea as their cdn&#x27;s are lightning fast  (and they are free).<p>I tried all fonts in google fonts website and found out that you can recreate their reading experience very very similarly with free fonts.<p>The best fonts (in alternative to Medium ones) in my opinion are:<p>- Lora, as content font
- Playfair display, as brand font
- Montserrat, as UI font<p>I recreated their reading experience for a blog post in a live demo: https:&#x2F;&#x2F;codepen.io&#x2F;lucagez&#x2F;full&#x2F;bQObBe&#x2F;<p>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.<p>Git repo: https:&#x2F;&#x2F;github.com&#x2F;lucagez&#x2F;medium.css<p>Happy typography,<p>Gez
Upvote: