Greetings CSS-Tricks members,
I’ve been visiting this site for a while now and lately I’ve came across a bug or maybe its not a bug? In Safari, it’s rendering my fonts bolder then what it should be it works fine in all browsers including ie6 but in safari its like double the boldness it should be and it’s causing my layout some problems due to it.
I’ve checked my code and there is no other font-weight property that is is over riding it. I’m also using @font-face per my friends request.
Does anybody know a work around or anything to get it to the correct level of bold.
Here is the CSS for the area in question.
#subnav {
background:url('images/bg_subnav.png') no-repeat;
height: 45px;
width: 960px;
margin: 23px 0 23px 0;
font-size: 1.4em;
font-weight: bold;
line-height: 50px;
padding:0 0 0 0px;
}
#subnav span {
color: #332b23;
padding-left:15px;
}
#subnav ul {
display:inline;
}
#subnav ul li, #subnav a {
display: inline;
color: #ac3d21;
text-decoration:none;
padding: 0 0 0 5px;
}
#subnav a:hover, a:active {
color: #5c4936;
text-decoration:underline;
}
Best regards,
Justin Broshears
