No poder hacer uso de la tipografía como elemento decorativo y de comunicación gráfica ha sido siempre una limitación en el diseño de paginas Web. Hasta hace muy poco si queríamos que nuestros diseños se vieran más o menos igual para todos los usuarios había que conformarse con unas cuantas fuentes que ya sabíamos que estaban instaladas en la mayoría de los ordenadores, otra solución era la de convertir nuestros textos en imagenes que luego podiamos usar de fondo. El trabajo se complicaba cuando había que traducir esas paginas a diferentes idiomas, o necesitábamos que esos textos cambiarán dinámicamente. En el primer caso habia que crear esas imagenes en todos los idiomas, el segundo no tenia solución.
Durante estos años han ido surgiendo ideas muy ingeniosas para resolver el problema, pequeños “trucos” para engañar y obligar a los navegadores a mostrar nuestras fuentes, pero en su mayoría, al día de hoy, todas estas técnicas todavía presentan muchas limitaciones.
La más simple y flexible de todas estas tecnologías, la que ofrece mayor compatibilidad entre navegadores y parece tener un futuro como la solución definitiva al problema, es @font-face.
@font-face
En este articulo vas a entender como funciona @font-face, y te mostraré un sencillo método para implementar esta técnica en tu propia Web.
Aquí comienza el blog de Acuapixel y este, mi primer 
