Skip navigation
MTKoan
MTKoan
Currently Being Moderated

CSS validator having a problem with shorthand line-height

May 4, 2012 12:05 PM

Hi,


Suddenly noticed a CSS error with a simple CSS:

 

h1 { font: 20px/100% "Times New Roman", Times, serif; }

 

"Value Error : font  / is not a font-family value :  20px / 100% "Times New Roman",Times,serif "

 

 

That's the way I've always written "font." And Dreamweaver agrees. Is there a new standard here?

 

http://www.wellesley-hotel.com/test2.html

 

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&u ri=http%3A%2F%2Fwww.wellesley-hotel.com%2Ftest2.html

613 Views   4 Replies   Latest reply: Nancy O., May 4, 2012 1:09 PM
 
Replies
  • Nancy O.
    Currently Being Moderated
    1. Nancy O.,
    May 4, 2012 12:15 PM   in reply to MTKoan
    Report

    With CSS Shorthand on fonts, you should express ALL attributes.

     

    font: style | variant | weight | size/line-height | font-family "font name", "font name", font;

     

    If all attributes are not required, better to use font-size, line-height and font-family.

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • MTKoan
    Currently Being Moderated
    2. MTKoan,
    May 4, 2012 12:46 PM   in reply to Nancy O.
    Report

    Hi Nancy,

     

    Thanks for the reply. Since when? I've successfully validated this particular project for years.

     
    |
    Mark as:
  • MTKoan
    Currently Being Moderated
    3. MTKoan,
    May 4, 2012 12:50 PM   in reply to Nancy O.
    Report

    h1 { font: normal 20px/100% "Times New Roman", Times, serif; }

     

    does not work. This is the shorthand Dreamweaver writes when I fill in every field:

     

    Screen Shot 2012-05-04 at 3.50.04 PM.png

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    4. Nancy O.,
    May 4, 2012 1:09 PM   in reply to MTKoan
    Report

    Jigsaw CSS validator isn't 100% perfect.  Could be a glitch in their system.  What matters most is how it performs in browsers.

     

    I only mentioned the issues around Font shorthand because some browsers/devices have trouble with it if you don't express all the attributes in correct sequence. 

     

    Nancy O.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points