Angular Material Typography - how to configure? (Advanced, 2020)

📣 Check out my full Angular Material Theming Workshop 📣
✅ Use 10%-off coupon code: YOUTUBE_DISCOUNT (Only 2 coupons left)

In this tutorial we will learn how to configure typography in Angular Material. We will see in-depth how font type scales implemented and how to adjust it for your project. You will learn how to change font family in your custom theme and reuse some functions and scss mixins provided by material library. Also I will show you how to properly create typography theme for your custom Angular component.

If you want to go directly to code - 0:02:27

[upcomng]

You won't find this video useful after Angular Material 15 (if you want a quick video) though understanding fundamentals is highly recommended.
AM 15 changed a bit for typography configuration. See further in the Angular Material document.

[Fomenko]

good lesson, but very old, as a result - nothing works. what styles come from is not explained, so if at the beginning it is still possible to fix the code using the documentation, then at the end nothing is clear at all. the assets part is completely obsolete.

[missdadever]

Is it possible to change the font size dynamically once the application is running. I am trying to see if I can create a feature to allow the end user to adjust the size. Thanks

[giorgiocamparsi]

thank you for this quick guide, things are a little more clear to me now, unfortunately, it seems that if you include a pre build theme it doesn't override anything and you have to custom made everything, am i wrong?

[jannis]

Can you make an update for Angular Material 15?

[calebmbugua]

Heey....great content! Is it possible to have your courses uploaded in udemy....that would be a big boost!! Thank you so much

[Matzul]

can I have 2 themes and a different font family for each?

[lorenasanchez]

Hello, I saw the code, it works for sass but what about css?