Font looks different in different browsers

Question

I have used "Raleway" font in my webpage. But looks different in different browsers. Is there any way to fix the problem?

Here is the link that I have used.

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway" />

Below is the image in crome and firefox view:

In firefox fonts look little bit bold and shadowed.

Answer 1

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

Answer 2

Use This.

body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased
}

If not working

body {
    -webkit-font-smoothing: antialiased!important;
    -moz-font-smoothing: antialiased!important;
    -o-font-smoothing: antialiased!important;
    font-smoothing: antialiased!important;
}