Font-face rendering problem in chrome and firefox

[mrduc]

I use font face:

@font-face {
    font-family:'FontAwesome';    
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
    url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), 
    url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), 
    url('../fonts/fontawesome-webfont.otf?v=4.0.3') format('opentype'), 
    url('../fonts/fontawesome-webfont.svg?v=4.0.3') format('svg');
    font-weight:400;
    font-style:normal;
}

#toTop:before {
font-family: FontAwesome;
color: #fff;
font-size: 20px;
line-height: 48px;
position: absolute;
font-weight: 400;
content: 'f077';
left: 15px;
}

But font face not working. why? 

Edited August 7, 2014 by mrduc (see edit history)

[ventura]

Try with this for Chrome

-webkit-text-stroke:0.3px;

[mrduc]

 

Try with this for Chrome

-webkit-text-stroke:0.3px;

 

I don't think so, You can see bug in my attached

 

[mrduc]

Now Its ok!