CODEWITHSUNDEEP
cssfont-size
Andrey
Andrey

Reputation: 21285

What does this size mean in css {font: 14px/24px Arial, Helvetica, sans-serif}

What is 14px/24px here? Which is the real font size?

Upvotes: 38

Views: 44160

Answers (3)

Gabriele Petrioli
Gabriele Petrioli

Reputation: 195982

First is font-size the second is line-height

Quote from the specification for font shorthand

'font'
Value: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit

Upvotes: 6

Chris Sobolewski
Chris Sobolewski

Reputation: 12935

This is equivalent to

#html{
    font-size:14px;
    line-height:24px;
    font-family: Arial, Helvetica, sans-serif;
}

Upvotes: 3

thirtydot
thirtydot

Reputation: 228162

It's the shorthand for the different font related properties. It means:

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

font-family: Arial, Helvetica, sans-serif

See: http://www.impressivewebs.com/css-font-shorthand-property-cheat-sheet/

enter image description here

Upvotes: 53

Related Questions