What is the CSS font shorthand property composed of?

Question

font:100 1.1em/37px Tahoma, Helvetica, Sans-serif;

What does the 100 mean? font-weight? What does the 1.1em mean? line-height? And 37px? font-size?

score 5 · Answer 1 · edited Jul 17 '18 at 20:56

5

Here is a cool font shorthand cheat sheet which can be found here.

So in your example, 100 is the font-weight, 1.1em is the font-size, and 37px is the line-height.

edited Jul 17 '18 at 20:56

Matt

answered Oct 30 '11 at 18:35

nheinrich

score 1 · Accepted Answer · edited May 23 '17 at 11:47

1

You're right on the font weight, but 1.1em/37px means the font size is 1.1 ems and the line height is 37 pixels, not the other way around.

edited May 23 '17 at 11:47

Community

answered Oct 30 '11 at 18:33

BoltClock

Can I also specify the font-size in px? and is beeter to write it this way in one line as..if I will write it in more lines? – Uffo Oct 30 '11 at 18:36
@Uffo: Yes, you can use any CSS unit. You can either use the shorthand property or specify each part separately - use whichever you think will help you understand the code easier. – BoltClock Oct 30 '11 at 18:37

score 0 · Answer 3 · answered Oct 30 '11 at 18:35

0

Its short hand.

Basically its setting the font size, then family.

answered Oct 30 '11 at 18:35

bobble14988

3 Answers3