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.
If font is specified as a system keyword, it must be one of: caption, icon, menu, message-box, small-caption, status-bar.