Lo primero de todo es advertir que ésta técnica no valida en CSS 2.1, aunque si lo hace en CSS 3.

La llamada desde la CSS a una tipografía puede ayudar a eludir la necesidad de utilizar imágenes con texto en aquellos casos en los que se quiere utilizar una tipografía que no es de sistema.

No es recomendable utilizar la tipografía para todos los textos del sitio si se trata de una tipografía que resulte difícil de leer.

En la CSS hay que hacer uso de la regla @font-face:

@font-face {
 font-family: titulos;
 src: url("OTB_TTF_TypeWritersSubstitute-Black.eot") /* Archivo EOT para IE */
}
@font-face {
 font-family: titulos;
 src: url("OTB_TTF_TypeWritersSubstitute-Black.ttf") /* Archivo TTF para el resto */
}

Propiedades utilizadas:

• font-family: este es el nombre que se usará para la tipografía en las reglas de la CSS.
• src: ruta del archivo de tipografía.

Un ejemplo de uso:

#idElemento {font-family:titulos;}

Por extraño que parezca funciona en Internet Explorer. Pero para dicho navegador hay que utilizar archivos EOT en lugar de TTF, aunque existe un sitio donde se pueden convertir.

Saber más

• Bulletproof @font-face syntax
• Sintaxis de @font-face