Скачать или смотреть Mozilla Devtool Tips #04 - Font Controller Panel

Welcome Back and Good Morning!

In this video, we are checking out the font controller panel inside the Mozilla Devtools. This is a great tool for quickly mock-adjusting the font styles on your pages. Change the entire documents font size, or target a single element to change. It gives you control over not only the font size, but the line-height, font-weight, and toggle italicize. The is a quick way to check out what different font styles would look like, live. without having to manually change anything until you are happy with the adjustments you've made.

Underneath the controller panel, a list populates and gives you a breakdown of all the fonts loaded into that page. It is helpful for seeing if you aren't using say, the 600 weight variant of your font. You shouldn't load a font-weight variant unless you're actually going to use it.

Thank you so much for watching! If you enjoyed this, come back and check out my next video where we take a bit more in-depth look at the HTML Inspector!


Make sure to Like - Comment - Subscribe for more awesome RabbitWerks javascript and web development videos!


_______________________________________
MOZILLA FIREFOX QUANTUM (Mozilla Developer Edition) https://www.mozilla.org/en-US/firefox...

_______________________________________
RabbitWerks js Website
http://bit.ly/rabbitwerks-site

_______________________________________
Twitter
http://bit.ly/rabbitwerks-twitter

_______________________________________
MUSIC CREDIT
https://incompetech.com/music/