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

I am trying to render the font using CSS property @ font-face, in Firefox, Chrome and Opera It works fine, but does not want to display correctly just inside Internet Explorer, and returns to any other standard font.

My code looks as follows

  @ font-face {font-ancient: "Swatch"; Src: url ("../../font/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?

Try without quotation when you type the font, font-family: swatch;