Advanced web typography (headings, text fills, inheritance, typography units) — web design tutorial

In this lesson, we'll cover headings, text fills (knockout text using backgrounds or gradients), paragraphs, text inheritance, spans, typography units (including the all-new CH unit), and accessible, inclusive typography.

Steps in the video:
00:00 - Introduction
01:04 - Headings
03:50 - Text fills (knockout text)
05:08 - Paragraphs & text inheritance
07:59 - Spans
09:14 - Units
15:22 - Accessibility & inclusive typography

Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

----------

[lynnemarie]

Please Webflow, don't ever change out your Webflow Explainer Guy, because he is amazing. He makes me excited to watch your instructional videos and wow, that's something I don't think anybody's ever said in the history of anything. 😂

[ziyingtan]

This is literally the first time I understand the difference between "em" "rem" and learn about "ch" !!! Thank you Webflow and Mr.Webflow!

[druhin]

Ok, I'm dropping my design school to join
Webflow University 🙏🙌❤️

[BobHagglundWA]

Great overview. Funny, but serious at the same time. That makes the 21 minutes fly by and the information memorable.

[josedanielgarcia]

This guy is just the best teacher Literally every joke is delivered at the right time.

[ShutterlabCreative]

You guys aren't skipping a beat on the comedy. I look forward to more and more advanced tutorials from you guys!

[carpathianshepherdess]

Oh my gosh. my jaw literally dropped when he showed text fills. Webflow is amazing. And these tutorials are GREAT. I love how clear they are -- and funny ^_^

[franciscot]

I thought it wasn't possible but Webflow keeps making its tutorials even more packed with knowledge and even more entertaining.

[grcooley]

Perfect blend in presentation of information and humor. Especially love all the subtle references to physics and Star Trek which make great points at the same time.

[ZohebDesai]

One of the few times I'm happy with Youtube Recommendations! This is gold! Great work guys!

[Ifeomailloh]

Thank you webflow. Just recently started building my brand new site on the platform, moving from WordPress. It's been quite a sweet learning process and the output really looks good.
Not to mention I learn that highlighting a specific word is done through span. I tried figuring that out for a while in the website builder.

[NH-enet]

Thank God there's these videos. Perfect mix of informability and humor. Thank you WF! First time user with no experience and it's daunting.

[kylepitocchelli]

Great work! So much valuable info packed into an entertaining experience.

[ongong]

I have not ever laughed by a course lesson. This one is exceptional!

[arnze]

Amazing job by the webflow team! Love the tutorials and the humour gone into them!

[anastasiastallcop]

I love how you explained the use of direct CTA copy makes it's more accessible to everyone; I knew this was a better practice but not why!

[cweb]

webflow trainings are the best. Such good teaching....and entertaining.

[kidztse]

I am definitely sticking to Webflow for how you guys consider accessibility! Great great job!

[jaharitucker]

Best Brand/Company ever created...literally a tv series and a god tier tutorial video

[uilifecteau]

Great work Webflowers. Informative with a good balance of levity. Classic episode. I have spoken.