How can we set multiple font properties at once?

The font CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font.

...
font: 1.2em "Fira Sans", sans-serif;
...
font: italic 1.2em "Fira Sans", serif;
...
font: italic small-caps bold 16px/2 cursive;
...
font: small-caps bold 24px/1 sans-serif;
...
font: caption;
...

As with any shorthand property, any individual value that is not specified is set to its corresponding initial value (possibly overriding values previously set using non-shorthand properties). This might be useful to get a blank slate if we need one. An it can be dangerous as well.

Mnemonic rule: SVWSHF - Sexy Vulcan With Smooth Happy Feet.

Bonus points:

If font is specified as a system keyword, it must be one of: caption, icon, menu, message-box, small-caption, status-bar.