@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; }