Fluiditype for simple typography

๐Ÿš€๐Ÿš€๐Ÿš€
So it is official and out, you can access it via www.fluiditype.com.
It was a long journey from July until December, looking through examples, following rules and recommendations, researching the web and reading unlimited amounts of opinions about fluidity. To reveal some information, it is a simple calc in the css which combines font-size and viewport-width. That way the formula provides a font-size of 14,6175px, for a 375px screens for a base. Then this is proportionally scaled to work for all type of text formats and screens.
I feel the fluid typography approach should have more recognition, this was the main reason to explore it in depth.

---

- You can go at the bottom of the website via Codepen to copy and paste the css in your project
- You can download via Github and use it straight away by linking it to your project
- You can always touch/change/recommend improvements, so we can talk more about this approach in the typography for the webโœŒ๏ธ

---

Note, the website was built with GatsbyJS, super-powerful React framework, also other tools and techniques used for the projects as follows: Visual Code Studio, Illustrator, After Effects, Github, Netlify &Lighthouse ๐Ÿ‰

More by Boris Kirov

View profile