The font does not display correctly in Internet Explorer using the css @ font-face property


I'm trying to render a font using the css property @font-face , in Firefox, Chrome and Opera it works fine, but within Internet Explorer is just does not want to display correctly, and reverts back to another standard font.

My code looks as follows

@font-face {

                font-family: "swatch";

        src: url("../../fonts/swatch.eot"); /* IE */

                src: url("../../fonts/swatch.ttf") format("truetype");



    font-family: "swatch";

    font-size: 78px;


    color: #ffffff;

    padding-top: 50px;


Am I doing something wrong here?

Try without the quotes when you are using the font, font-family:swatch;