The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "SVG" Oct 14 - 6:30 PM Eastern
Get a free trial // Grow your CSS skills // Land your dream job

why to write this below line in css and what is meaning of these line

  • # January 28, 2013 at 2:09 am

    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;

    # January 28, 2013 at 2:42 am

    100% = font-size

    1.4 = line height

    Verdana, Arial, Helvetica, sans-serif = pointess fallback fonts (Arial, Helvetica should do it)

    # January 28, 2013 at 3:04 am

    The font property is the shorthand for font-size, line-height, font-weight, font-style and font-family.

    # January 28, 2013 at 3:29 am


    # January 28, 2013 at 5:07 am


    It actually goes like this:

    `font-style` `font-variant` `font-weight` `font-size/line-height` `font-family`

    # January 28, 2013 at 5:35 am

    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.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed