Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

I tried to validate my css code using W3C tidy and the w3c website is showing me the error that

Value Error : font / is not a font-family value : 11px / 14px "Trebuchet MS",sans-serif

So what's wrong with it, earlier it was not a code error, I even copied some similar code from professional blogger and tried to validated it in w3c but still I'm getting this error?

share|improve this question
    
Thanks to all, who took time to reply to this post. Yes the problem is with the W3C validator, is not validating the short code css and nothing wrong with my code –  Randore Nov 10 '12 at 11:33

2 Answers 2

This seems to be a bug that just crept in into the W3C CSS Validator. It has been reported on the validator’s discussion list: http://lists.w3.org/Archives/Public/www-validator-css/2012May/0003.html

Recently, there have been bugs especially in font-related CSS rules in the validator, since its code has been renewed and some cases were not dealt with properly. My guess is that it takes a couple of weeks to get this fixed.

You can avoid triggering the bug if you do not use the font shorthand but specify properties separately:

font-size: 11px; 
line-height: 14px;
font-family: "Trebuchet MS", sans-serif;
share|improve this answer
    
Expand the font shorthand to silence a bug in a validator? –  Halil Özgür Oct 14 '12 at 14:18
    
@HalilÖzgür, yes, that was the point in the suggestion. Avoiding the font shorthand is a good idea, because it’s complicated and therefore error-prone. But technically, the validator bug discussed here has now been fixed. –  Jukka K. Korpela Oct 14 '12 at 17:53
1  
@JukkaKKorpela, font shorthand is not error-prone, just some people's usage of it is. And I'd not consider it complicated. It's pretty straightforward once you get it. And shorthand usage is recommended: developer.mozilla.org/en-US/docs/CSS/Shorthand_properties, taitems.github.com/Front-End-Development-Guidelines (search for CSS Shorthand), ... –  Halil Özgür Oct 14 '12 at 19:15

It looks like you're trying to validate a CSS3 property in a CSS2 validator. Switch the validator profile to CSS level 3 and you'll be good.

Based on what you've said in the comments and the fact that htmlhelp.com/tools/csscheck passes it, as does my local software, I'm calling bug in the validator. W3C isn't perfect and bugs do creep in from time to time.

Your code is fine so I would just ignore it.

share|improve this answer
    
Thanks for the reply tooman.., I did that but the error is still coming, you can check this in validator just inputing this code #red{ font: bold 12px/14px Arial,Helvetica,sans-serif; } –  Randore May 5 '12 at 22:28
    
@Randore can you give me a link to the validator you're using? –  toomanyairmiles May 5 '12 at 22:42
1  
@Randore htmlhelp.com/tools/csscheck passes it, as does my local software, so I'm calling bug in the validator. W3C isn't perfect and the font reference page it links to is broken. –  toomanyairmiles May 5 '12 at 22:54

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.