CSS Font Shorthand Generator
Combine font-style, font-weight, font-size/line-height, and font-family into one clean CSS font shorthand declaration.
How to use
- Choose style, weight, size, line-height, and family.
- Copy the generated shorthand declaration.
Frequently asked questions
What is the order of values in font shorthand?
font-style, font-variant, font-weight, font-stretch, font-size/line-height, font-family. Only font-size and font-family are required.
Should I use font shorthand or individual properties?
Shorthand resets unspecified sub-properties to their initial values, which can cause surprises. Use individual properties for clarity in large projects.
Is the line-height slash required?
No. Include it only if you want a specific line-height. Otherwise font-size alone is valid.