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
font-variant
font-size/line-height
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.
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
fontproperty is the shorthand forfont-size,line-height,font-weight,font-styleandfont-family.thanks
@HugoGiraudel
It actually goes like this:
font-stylefont-variantfont-weightfont-size/line-heightfont-familyNote that you don't have to use the shorthand, I actually prefer doing it long hand, for example;
It's perfectly valid this way and I find it easier to read and change.