How to make web fonts smoother in all browser

Question

I have used josefinsans webfont but the font is not looking smoother.It is looking rough and pixelated in all browsers.

I have tried by using both google web font as well as web font generated by using font generator and implemented it with @font-face.

Refer fiddle

Html:

<div>
    <p>Coming Soon</p>
</div>

Css:

body{
    background:#000;
    color:#fff;
    font-size:48px;
    font-family: 'Josefin Sans', sans-serif;
}

Answer 1

Try with text-shadow: #fff 0px 1px 1px; ,
You can find more information here !
And this is How To Properly Smooth Font Using CSS3 !