Specifying two sizes in CSS font property?

Question

Possible Duplicate:
What does this CSS shorthand font syntax mean?

Sometimes the font is specified using two values, for example

font: 14px/60px

Why are two values specified? When the 60px will be used? Thanks.

score 37 · Accepted Answer · answered Jan 04 '12 at 12:17

37

The 60px is the line-height. It's a shorthand for:

font-size: 14px;
line-height: 60px;

answered Jan 04 '12 at 12:17

Can't seem to declare font: 14px/60px; is there a way to declare both in a single line like that? – ejntaylor Jun 17 '15 at 11:27
2

@raison It won't work without adding the font-face after `14px/60px` so try `font: 14px/60px Arial` – punkrockbuddyholly Jun 17 '15 at 15:00

score 6 · Answer 2 · answered Jan 04 '12 at 12:17

6

60px will be the line-height value

answered Jan 04 '12 at 12:17

Fabrizio Calderan

score 5 · Answer 3 · answered Jan 04 '12 at 12:19

5

The first value give the font size, the second the line height.

answered Jan 04 '12 at 12:19

Nico Haase

3 Answers3