/* http://www.kirsle.net/wizards/ttf2eot.cgi */
@font-face {
    font-family: 'gothic_ultra_otregular';
    src: url('font/gothic_ultra_ot-webfont.eot');
    src: url('font/gothic_ultra_ot-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gothic_ultra_ot-webfont.woff') format('woff'),
         url('font/gothic_ultra_ot-webfont.ttf') format('truetype'),
         url('font/gothic_ultra_ot-webfont.svg#gothic_ultra_otregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
 font-family: Aldo the Apache;
 src: url("font/aldotheapache/aldotheapache.eot") /* EOT file for IE */
}
@font-face {
 font-family: Aldo the Apache;
 src: url("font/aldotheapache/aldotheapache.ttf") /* TTF file for CSS3 browsers */
}


@font-face {
 font-family: "CGF Locust Resistance";
 src: url("font/cgf_locust_resistance/cgf_locust_resistance.eot"); /* EOT file for IE */
}
@font-face {
 font-family: "CGF Locust Resistance";
 src: url("font/cgf_locust_resistance/cgf_locust_resistance.ttf"); /* TTF file for CSS3 browsers */
}


/* ******* Century Gothic (Regular) ***** */

@font-face { /* IE Rule */
  font-family: "Century Gothic";
  src: url("font/century_gothic/gothic-c.eot");
}

@font-face { /* non-IE rule */
  font-family: "Century Gothic";
  src: url("font/century_gothic/gothic-c.ttf") format("truetype");
}

/* ******* Century Gothic (Bold) ***** */

@font-face { /* IE Rule */
  font-family: "Century Gothic";
  src: url("font/century_gothic/gothic-b.eot");
  font-weight: bold;
}

@font-face { /* non-IE rule */
  font-family: "Century Gothic";
  src: url("font/century_gothic/gothic-b.ttf") format("truetype");
  font-weight: bold;
}

/* ******* Century Gothic (Italic) ***** */

@font-face { /* IE Rule */
  font-family: "Century Gothic";
  src: url("font/century_gothic/gothic-i.eot");
  font-style: italic;
}

@font-face { /* non-IE rule */
  font-family: "Century Gothic";
  src: url("font/century_gothic/gothic-i.ttf") format("truetype");
  font-style: italic;
}

/* ******* Century Gothic (Bold-Italic) ***** */

@font-face { /* IE rule */
  font-family: "Century Gothic";
  src: url("font/century_gothic/gothic-bi.eot");
  font-weight: bold;
  font-style: italic;
}

@font-face { /* non-IE rule /*
  font-family: "Century Gothic";
  src: url("font/century_gothic/gothic-bi.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

Usage

To use the font, simply invoke the name under font-family property for the appropriate rule.

h1 {
  font-family: "Century Gothic", Arial, Helvetica;
  font-weight: bold;
}