What is 14px/24px here? Which is the real font size?
The font-size CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative <length> units, such as em , ex , and so forth.
CSS Font property is used to control the look of texts. By the use of CSS font property you can change the text size, color, style and more. You have already studied how to make text bold or underlined.
In CSS (and in typography in general) there are five basic types, or families, of fonts: serif, sans serif, cursive, fantasy, and monospace.
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/
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With