Mathematically Perfect Typography for Web Design

The real math starts at 7:07. Today we're looking into my fascination with having perfect typography on every single screen size from giant desktops all the way down to tiny mobile phones. We'll also cover the anatomy of a typeface, how to pair fonts, managing hierarchy, creating style guides with various font sizes, but most importantly my magic equation to have scaled text that is PERFECT on every single screen size. We really do cover it all in this video.

I made a couple editing and music changes, so if you do like them, give me a thumbs up and drop a comment so I know! Appreciate it.

Timestamps:
0:00 Intro
0:30 Font Types
1:40 Font Anatomy
2:33 Key Takeaways
3:10 Font Pairings
4:30 Font Weights and Colors
5:35 Font Hierarchy
7:07 Font Sizings
9:41 Responsiveness
11:28 Line Heights

[saadbouchaala-montreuil]

how you still have 1k ???? your videos are amazing they are very informative great editing, and you made it simple to understand!

[omarfaizan]

I’m sure your channels gonna blow up 😂

[VarunYadav-tq]

Really awesome video loved the info which you provided in short form. But I have one question for you
your surname is "Jain". So are you also indian?

[dyveshisrael]

That was so damn useful man! Thank you!

[Zorrle]

i dont like your main font, it looks so cracked and not symetrical like its buggy and realy random. It breaks the design! Terrible!