Font... what does it mean

Discussion in 'CSS' started by oo7ml, Oct 7, 2009.

0
  1. #1
    What does the 16px/22px mean in the following line

    font: 16px/22px arial, verdana;

    thanks in advance
     
    oo7ml, Oct 7, 2009 IP
  2. Valiant

    Valiant Peon

    Messages:
    284
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Just a guess but perhaps arial is 16px and verdana 22px, haha, just an idea!!
     
    Valiant, Oct 7, 2009 IP
  3. oo7ml

    oo7ml Well-Known Member

    Messages:
    656
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    105
    #3
    Thanks for the reply, but can anyone confirm this for me please, thanks in advance
     
    oo7ml, Oct 7, 2009 IP
  4. Raymond.C

    Raymond.C Peon

    Messages:
    516
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Its of a .CSS file (Design). Look below:

    FONT - Arial, Verdana
    Size: 16px, 22px

    Its common sense really.
     
    Raymond.C, Oct 7, 2009 IP
  5. oo7ml

    oo7ml Well-Known Member

    Messages:
    656
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    105
    #5
    It is common sense really... no it is not... the only thing that is common sense is that it is CSS... that is why i posted it in the CSS forum

    Can any CSS experts confirm that the second number (22px) is actually referring to the second attribute in the font family...

    thanks in advance
     
    oo7ml, Oct 7, 2009 IP
  6. MhW

    MhW Active Member

    Messages:
    370
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    85
    #6
    valianting & Raymond.C, you're both wrong - so before going around telling people this and that is common sense, why not learn what you're talking about first? :rolleyes:

    @oo7ml: I'm no CSS "expert" although I've been doing freelance Web Design for the past two years. Anyway as for your question:

    16px = font size / 22px = line height.
     
    MhW, Oct 7, 2009 IP
  7. oo7ml

    oo7ml Well-Known Member

    Messages:
    656
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    105
    #7
    Thanks for confirming this... i didn't think the previous posts were correct. Guys, please be a little careful when posting comments that you are not 100% sure of (and thanks for taking the time out to reply but please insure you are 100% on what you say)

    thanks again guys
     
    oo7ml, Oct 8, 2009 IP
  8. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Although watch out: Verdana will indeed look larger than Arial at the same font size!
    Not because of the line-height, but because Verdana has a slightly larger x-height than other fonts. Because of this (if I use verdana with other regular fonts, a browser with verdana will show text larger than a browser who doesn't!) I've stopped mixing Verdana with the likes of Arial and Helvetica.

    Instead, I list it with other large fonts:
    Bitstream Vera Sans, DejaVu Sans (those are both fonts likely to be on Unix) and Verdana is mostly on Windows machines. I haven't found a good one for Macs, though fortunately many of them have Windows fonts nowadays.

    You'll see a similar problem with Georgia vs Times New Roman. Georgia is a bit larger.
     
    Stomme poes, Oct 8, 2009 IP