Aqui tienes la solucion:
http://www.kirsle.net/wizards/ttf2eot.cgi
Basicamente los pasos son, tener el archivo ttf, ir a la página que te indiqué, crear un archivo EOT a partir del ttf (es necesario para que funcione tambien en Internet Explorer). Ahi te hace la conversión y te genera el código css necesario.
Funciona con las versiones más nuevas (IE 7 / Firefox 3.x / Opera 9/10.
Para hacer una prueba asegurate de bajarte de la WEB alguna TTF que NO, repito, que NO tengas instalada en tu sistema. (puede que alguna fuente ttf no te la acepte por que tenga limitaciones de copyright o cosa porel estilo, pero con la mayoria funciona.
yo lo probe en mi host sin problemas. todavia tengo que analizar lo de las variantes (negrita-italica,etc) ya que algunas fuentes tienen un archivo para cada una) Por supuesto, al igual que con las imágenes, hay que tener la precaución de no abusar y controlar el peso de los archivos de fuente.
te dejo una demo en
http://foros.emprear.com/fontface/fontface/index.html
fijate en el código fuente para ver como se escribe el CSS cuando se usan varias fuentes.
una ultima, esto se basa en CSS3, si quieres validar tienes que usar
Código HTML:
Ver original<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="¡CSS Válido!" />
Saludos
