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

css font-size
Andrey picture Andrey · Feb 22, 2011 · Viewed 31.9k times · Source

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

Answer

thirtydot picture thirtydot · Feb 22, 2011

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

Related questions

Font scaling based on width of container

I'm having a hard time getting my head around font scaling. I currently have a website with a body font-size of 100%. 100% of what though? This seems to compute out at 16 pixels. I was under the impression that 100% would somehow refer …

Read More
Responsive font size in CSS

I've created a site using the Zurb Foundation 3 grid. Each page has a large h1: When I resize the browser to mobile size the large font doesn't adjust and causes the browser to include a horizontal scroll to accommodate for …

Read More
How can I change the font-size of a select option?

I am trying to style a select option dropdown list. Is it possible to make the font-sizes of the options different from the default value? For example, the default: -- Select Country -- Would be size 7pt; and one of …

Read More