Font not correctly displaying in Internet Explorer using the css property @font-face

Question

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?

Answer 1

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

Answer 2

http://reisio.com/examples/webfonts/

Answer 3

I have an answer, I developed this site on my local host and then it did not work, I then moved the site to the live server and that solved the problem. It probably was a caching issue. Thanks to all who tried to help!!!