Okay I have a font-face that I am using as part of a website (just for nav. and a header/logo) here is a link to the font file http://www.dafont.com/bad-grunge.font (I typically would never use something like this but client insists)
Now The strangest thing is happening and I did some googling for a reason but came up blank and am curious if anyone can explain why the browser is rendering the font much differently as a heading rather then just normal text here is an example proving the bug Any explanation as to why this is happening would be awesome (I clearly no my semantically incorrect solution) but why is this happening at all? ... I have checked on latest versions of both firefox and chrome any explanation or theory would be greatly appreciated
You're using h1 tag for your header for default it has this property
font-weight:bold
If you change this in your css then it will render as the normal font:
h1 {
font-weight:normal;
}