fonts IE8 not displaying

I dont really understand much about fonts, I have donwloaded several font from sites like font squirrel, dafont, and when I try installing in my joomla site, ( I only need to have this font on my menu top) no whole body nor h1,h2 tags.

The font dont display correclty, I tested a font on my开发者_StackOverflow personal compuet at home IE9and was able to have it working , but in IE 8 here at job it does not display ... So what would be the best way to have it working on IE8, what is the font type , and css declaration I need? Thank you very much

here are two fonts:

    @font-face {
     font-family: Opificio;
     src: url("../fonts/Opificio.eot") /* EOT file for IE */
    }
    @font-face {
     font-family: Opificio;
     src: url("../fonts/Ofificio.TTF") /* TTF file for CSS3 browsers */
    }



    @font-face {
     font-family: chiser;
     src: url("../fonts/chiser.eot") /* EOT file for IE */
    }
    @font-face {
     font-family: chiser;
     src: url("../fonts/chiser.TTF") /* TTF file for CSS3 browsers */
    }


#tx-navigation{
    font-family:"Opificio";
    font-size:11px;
    }


That works


#tx-navigation{
    font-family:"chiser";
    font-size:11px;
    }

Doesnt work

---

The font on a web site will get displayed depending on the installed fonts on the system, that's why you should use the font-family CSS Property.

[EDIT] You can also try to use embeded fonts.

---

You need to remember that when it comes to websites, the user's browser and computer need to have the font for it to work. Installing it on your own machine will only work for you.

The only exception to this is of you are usinga webfont (see here Webfonts Quick guide) but again this depends on the user's browser as not all current browsers fully support it.