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");

}

.header_text1{

    font-family: "swatch";

    font-size: 78px;

    text-align:center;

    color: #ffffff;

    padding-top: 50px;

}

Am I doing something wrong here?