The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Font-weight Safari

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #31076

    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;

    #subnav ul {

    #subnav ul li, #subnav a {
    display: inline;
    color: #ac3d21;
    padding: 0 0 0 5px;

    #subnav a:hover, a:active {
    color: #5c4936;

    Best regards,
    Justin Broshears


    Sorry for double post, I’d show the site in question but due to my domain and it not resolving on my end i have no way to access my hosting in order to upload.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.