Problema con tipografia
 

Muy Buena a todos os cuento mi problemilla.

Tengo puesta en mi web un tipo de fuente que es News 706 BT pero en mi ordenador al tenerla instalada me sale la fuente, el problema está en que cuando entro con otro pc que no tiene la fuente instalada abre una fuente distinta creo que una de las que trae windows.


Como puedo solucionarlo, hay algun modo de instalar la fuente en el servidor para que la coja siempre de ahi? :stress:


Gracias desde ya espero respuesta impaciente un saludo :)

Re: Problema con tipografia
 

Las posibles soluciones, reemplazo de texto.

Re: Problema con tipografia
 

Hola

Lamentablemente no puedes subir las fuentes al servidor, ni distribuirlas, ni nada por el estilo porque dichas tipografías están protegidas por derechos de autor.

Como bien ha mencionado RBZ hay diversas formas de solucionar el problema que comentas.

Las técnicas que más se suelen utilizar son dos:

• Reemplazar el texto por imágenes
• sIFR (scalable Inman Flash Replacement)

Reemplazar el texto por imágenes

El concepto es sencillo. A través de CSS se oculta el texto que aparace en el HTML y se reemplaza por una imagen que contiene el texto con la tipografía deseada.

Hay varias formas de conseguir esto, la más utilizada consiste en aplicar un text-indent negativo y una imagen de fondo.

Por ejemplo, digamos que en tu XHTML tienes un encabezado que quieres sustituir por una imagen, digamos:

...
<h2>Lo que sea</h2>
...

Suponiendo que quieres que aparezca en la tipografía News 706 BT, te vas al photoshop (o cualquier programa de edición de imágenes), creas una imagen con dicho texto ("Lo que sea") y la fuente deseada. Luego, tendrías que ir al CSS y ocultar el texto y mostrar la imagen:

h2 {
height: XXpx; /*Donde XX representa a la altura de tu imagen en píxeles*/
background-image: url(ruta_de_la_imagen/imagen_con_el_texto.gif);
/* la imagen no tiene por qué ser gif, podría ser jpg, png... */
background-repeat: no-repeat;
text-indent: -9999px;
}

De esta manera tu texto quedaría oculto y se mostraría la imagen con dicho texto.

En cuanto a la técnica sIFR es un poco más complicada de explicar. Lo que hace es "embeber" la tipografía deseada en un archivo .swf de flash y luego sustituir los encabezados por la tipografía deseada (las asociaciones encabezado-tipografía se especifican en un archivo javascript). Lo más adecuado si estás interesado en esta técnica es que hagas una búsqueda en google de sIFR y encontrarás muchísima información al respecto.

Bueno, espero haber sido de ayuda.

Un saludo.

Alejandro.