Foros del Web » Creando para Internet » HTML »

Problema con tipografia

Estas en el tema de Problema con tipografia en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/10/2007, 10:59
 
Fecha de Ingreso: abril-2007
Mensajes: 156
Antigüedad: 17 años
Puntos: 0
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?


Gracias desde ya espero respuesta impaciente un saludo :)
  #2 (permalink)  
Antiguo 08/10/2007, 14:05
Avatar de RBZ
RBZ
Moderador
 
Fecha de Ingreso: noviembre-2005
Ubicación: Sevilla España
Mensajes: 11.559
Antigüedad: 18 años, 5 meses
Puntos: 2053
Re: Problema con tipografia

Las posibles soluciones, reemplazo de texto.
__________________
Sevilla monumentos de Sevilla Fotos de la ciudad
ViajeV
  #3 (permalink)  
Antiguo 10/10/2007, 05:17
Avatar de agamino  
Fecha de Ingreso: octubre-2007
Ubicación: Badajoz, España
Mensajes: 8
Antigüedad: 16 años, 6 meses
Puntos: 0
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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:49.