Completely bizarre Firefox CSS bug

Posted by Jason on Stack Overflow See other posts from Stack Overflow or by Jason
Published on 2010-04-16T01:29:37Z Indexed on 2010/04/16 1:33 UTC
Read the original article Hit count: 345

Filed under:
|
|
|

I've been doing front end development for a long time, and I have NEVER come across a bug like this before...

Save the following HTML to a file and view it in Firefox (mine is 3.6.3):

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <style type="text/css">
    body { font-family: Helvetica, Sans-Serif;}
    h2 {font-weight: normal;}
    </style>
</head>
<body>
     <h2>Some normal text <strong>some bold text</strong> weird huh?</h2>
</body>
</html>

If you don't want to give it a shot the output is like your cat walked across your keyboard while character map was turned on, except in the strong tags.

I feel like this may be a font issue? When I get rid of font-weight: normal it goes back to normal, but I don't want everything to be bolded in my h2... Anyone have any ideas? More importantly, is anyone able to reproduce this??

Thanks.

© Stack Overflow or respective owner

Related posts about firefox

Related posts about css