Añade una fuente a tu web con css @font-face

@font-face es una propiedad muy útil para definir en un sitio web una fuente que el usuario no tenga instalada en su ordenador. Sólo debemos subir la fuente deseada a nuestro sitio web y definirla mediante CSS.

@font-face {

font-family: «Tahoma»;

src: url(./ttf/tahoma.ttf) 

format(«truetype»); }

h1 { font-family: «Tahoma», sans-serif }

Y ya está. @font-face está soportada por Safari 3+ y 4+, Firefox 3.5, e Internet Explorer 7+.

Si queremos usarlo en IE6 debemo usar el siguiente codigo

<!–[if IE]> <style type=»text/css» media=»screen»>

@font-face{ font-family:’Fontin-Regular’; src: url(‘Fontin-Regular.eot’); }

</style> ![endif]–>

Para convertir fuentes .ttf a .eot, por ejemplo, podemos usar WEFT 3.

Visto: cssblog.es