I'm attempting to install two other fonts to make use of on the menu inside a joomla template, i'm trying by using this code but neither IE8 or chrome shows the brand new font.. this really is a part of my css

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

/* Navigation style
----------------------------------------------------------------*/
#tx-navigation{
    background:url("../../images/style3/nav-bg.png") repeat scroll 0 0 ;
    margin-top: -3px;
    font-family: Adolphus;

    /*font-family:Opificio;*/
    /*font-family:chiser;*/
}

I would suggest you utilize FontSquirrel. It'll create the font formats for you personally and create the CSS. Attempted and examined and labored perfectly each time.

Probably the most apparent factor I see is your second declaration isn't CSS3, meaning IE reads it simply fine and tries while using TTF which will not operate in IE. Your CSS need to look something similar to this -

@font-face {
font-family: "Adolphus";
src: url("../fonts/Adolphus.eot")
src: local("Adolphus"), url(../fonts/Adolphus.TFF) format("truetype");

Another factor that involves thoughts are the .TFF extension being uppercase, may be the extension really uppercase around the server? It's situation sensitive (presuming you are well on a Light server) to ensure that may be leading to the issue with Chrome.