Font Weight rendering issue in chrome

[yashu]

@font-face {
    font-family: 'verdanaregular';
    src: url('../images/fonts/verdana-webfont.eot');
    src: url('../images/fonts/verdana-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/verdana-webfont.woff') format('woff'),
         url('../images/fonts/verdana-webfont.ttf') format('truetype'),
         url('../images/fonts/verdana-webfont.svg#verdanaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'verdanaregular';
        src: url('../images/fonts/verdana-webfont.svg#verdanaregular') format('svg');
    }
}

i used this code to fix windows chrome rendering issue and it solved, after that font-weight:bold is not working for any element in my stylesheet , its urgent

[Atelierbram]

Would like to see a link to the website, but suspect you are on the wrong track here with using Verdana as a webfont. Have you tried this -webkit-font-smoothing: antialiased ?

[yashu]

i have used that one but its not working

[Atelierbram]

Without a link to your site one can only guess, so here we go:

body {
   font-family: verdanaregular, verdana, sans-serif;
   font-weight: normal;
}
b, strong, em, h1, h2, h3, h4, .stong {
   font-family: verdana, sans-serif;
   font-weight: bold;
}

[Author]

Posts