@font-face fue incluida en el estandar CSS2 y ha sido implementada en el Internet Explorer desde su version 5 y utilizada bajo el formato Embedded Open Type (.eot), ningun otro navegador lo soportaba.Hoy es soportada por la
mayoria de los navegadores debido a que esta directiva ha sido incluida en el CSS3, soportando no solo fuentes OpenType (.eot) tambien TrueType (.ttf).Esta directiva debera ser declarada usando @font-face
ejemplo:
@font-face {
font-family: Ghostwriter;
src: url("http://site/font/ghostwrit.ttf");
} h1 {
font-family: "Ghostwriter";
}Esta directiva también nos permite definir otras propiedades del font, como formato, grosor y estilo.
ejemplo:
@font-face {
font-family: Techi;
src: url("fonts/font_techina_24b.otf") format("opentype");
font-weight: bold;
font-style: italic;
} 