CSS for beginners 50: font shorthand property

Hi there and welcome! 😊 In this video, we will learn what is font shorthand property.

In our previous videos you have seen how we can use various font properties to set:
➡️ p { font-style: italic; }
➡️ p { font-variant: small-caps; }
➡️ p { font-weight: bold; }
➡️ p { font-size: 12px; }
➡️ p { font-family: Magneto; }

But with font shorthand property we can set all these properties in just one line of code:
➡️ p { font: italic small-caps bold 12px Magneto; }

For font shorthand property first value represents font-style, second value represents font-variant, third value represents font-weight, fourth value represents font-size, and last, fifth value represents font-family.

💻 If you want to learn how to build websites from the scratch check out our course that is currently on amazing discount :

NOTE: Buying of our course you support our channel and we are immensely grateful to you for that! ❤️🙏

📺 For the most recent updates please subscribe on our YouTube channel:

🔔 Hit the notification bell to be notified when videos go live.

👤 You can reach us on social media:

🤝If you want to support our work:
Please remember that even little from you means a lot for us. ❤️🙏

❓ Do you have any questions? Feel free to ask us directly on email:

➡️ Please press 👍 button if you like this content and share this video to all that could be interested in this! 🙏

––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––
#CSSBeginners #CSSLearnItFromScratch #fonts