All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

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