The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › why to write this below line in css and what is meaning of these line
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
100% = font-size
1.4 = line height
Verdana, Arial, Helvetica, sans-serif = pointess fallback fonts (Arial, Helvetica should do it)
The font property is the shorthand for font-size, line-height, font-weight, font-style and font-family.
font
font-size
line-height
font-weight
font-style
font-family
thanks
@HugoGiraudel
It actually goes like this:
`font-style` `font-variant` `font-weight` `font-size/line-height` `font-family`
Note that you don’t have to use the shorthand, I actually prefer doing it long hand, for example;
.box { font-family: xxx; font-size: xxx; font-weight: xxx; }
It’s perfectly valid this way and I find it easier to read and change.