Font Shorthand

Somehow it seems like people tend to shy away from using the CSS font shorthand. Maybe because it's so damn hard to remember how to declare it. Well here you go, you can omit everything except font-size and font-family:

font: italic small-caps bold 18px/120% "Josefin Sans", sans-serif;

Is equivalent to this:

font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 18px;
line-height: 120%;
font-family: "Josefin Sans", sans-serif;


🔎 Searching...