Foros del Web » Creando para Internet » CSS »

fuente de texto para un estilo

Estas en el tema de fuente de texto para un estilo en el foro de CSS en Foros del Web. buenas. tengo una imagen con texto de fuente "Bauhaus Md BT". esta es la imagen que mostrare. el texto que se vera quiero poner un ...
  #1 (permalink)  
Antiguo 31/07/2009, 14:23
(Desactivado)
 
Fecha de Ingreso: junio-2009
Mensajes: 256
Antigüedad: 8 años, 5 meses
Puntos: 1
fuente de texto para un estilo

buenas. tengo una imagen con texto de fuente "Bauhaus Md BT". esta es la imagen que mostrare.



el texto que se vera quiero poner un estilo de texto "Bauhaus Md BT". ya tengo la fuente. mi pregunta es que como hago para que se vea igual al texto de la imagen.

este es mi estilo que he colocado.

Código HTML:
.titulo_usb {
	font-family: "Bauhaus Md BT";
	font-size: 16px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	margin: 6px;
}
que es lo que debo hacer. cambiar el tamaño de la letra por pulgadas.?

se entendio mi pregunta. alguna ayuda por favor.

Última edición por xfer2; 31/07/2009 a las 15:24 Razón: correcion del texto.
  #2 (permalink)  
Antiguo 31/07/2009, 15:36
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.823
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: fuente de texto para un estilo

hola Xfer2 la verdad no necesitas agregarle gran cosa para que se vea como la de tu imagen.... tal vez agregando font-weight:normal;

pero la verdad yo te recomendaría uses otro tipo de letra mas genérica porque esa no todos los usuarios la apreciaran correctamente... si insiste en el bauhaus te recomiendo bauhaus 93 es mas común que los usuarios la tengan y la puedan visualizar correctamente ... aclaro dije es mas común pero no por ello garantiza que todos tus usuarios la tendrán

?¿ podrías colocar el texto con imagen y encima un texto transparente para que google tenga que indexar
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 31/07/2009, 15:53
(Desactivado)
 
Fecha de Ingreso: junio-2009
Mensajes: 256
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: fuente de texto para un estilo

gracias por responder Ag666. no entendi lo que mencionaste.

"?¿ podrías colocar el texto con imagen y encima un texto transparente para que google tenga que indexar".

y otra pregunta. se puede poner opacidad en el estilo para un texto ?.

saludos.

Última edición por xfer2; 31/07/2009 a las 16:03 Razón: edito.
  #4 (permalink)  
Antiguo 31/07/2009, 16:03
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 4 meses
Puntos: 137
Respuesta: fuente de texto para un estilo

igual podrias usar una imagen.... por ejemplo

Código css:
Ver original
  1. h1{background:url(image.jpg);text-indent:-999em;}
y tu html

Código html:
Ver original
  1. <h1>Este texto no se vera</h1>
chao y suerte!...
  #5 (permalink)  
Antiguo 31/07/2009, 16:15
(Desactivado)
 
Fecha de Ingreso: junio-2009
Mensajes: 256
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: fuente de texto para un estilo

gracias por responder alexk. voy a ver el codigo css que pusiste.

puse el codigo en un ejemplo y no me muestra el texto.

saludos.

Última edición por xfer2; 31/07/2009 a las 16:17 Razón: edito.
  #6 (permalink)  
Antiguo 31/07/2009, 16:43
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.823
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: fuente de texto para un estilo

el código que te dio alexk es para eso para que no veas el texto

en la imagen tienes que poner el texto usa la misma imagen que proporcionaste de ejemplo para el fondo

mmm y perdón por no explicarme bien hace rato jeje yo solo me confundi al quererte explicar... lo que quise decir fue algo similar a lo que te planteo alexk

pero ya meditando bien basta conque coloque la imagen solo no olvides poner la propiedad alt
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #7 (permalink)  
Antiguo 31/07/2009, 17:44
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: fuente de texto para un estilo

Premisa 1ª:
Creo que te vendrá bien informarte sobre las "safety fonts" o "fuentes seguras".
Cita:
mi pregunta es que como hago para que se vea igual al texto de la imagen
O bien sustituyes el texto por una imagen con ese efecto de "bisel" o utilizas css3:
La propiedad text-sadhow. Pero recuerda que es css3 y que hay navegadores que no la soportan.

Para una "sombra" oscura, por ejemplo:
Cita:
text-shadow: 0px -1px 0px #444;
y para una clara:
Cita:
text-shadow: 0px 1px 0px #e5e5ee;
Creo que para ie puedes utilizar:
Cita:
filter: dropshadow(color=#e5e5ee,offX=0,offY=1);
pero esto último no lo he probado.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #8 (permalink)  
Antiguo 03/08/2009, 11:19
(Desactivado)
 
Fecha de Ingreso: junio-2009
Mensajes: 256
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: fuente de texto para un estilo

gracias por responder. esto es lo que modificado.

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
	h1{
		background:url(titulo_resultado_busqueda.jpg) no-repeat;
		text-indent:-999em;
		text-shadow: 0px 1px 0px #e5e5ee;
		
	}
</style>
</head>

<body>
      <h1>Este texto se vera.</h1>
</body>
</html> 
aun asi no me muestra el texto.

saludos.

Última edición por xfer2; 03/08/2009 a las 11:20 Razón: edito.
  #9 (permalink)  
Antiguo 03/08/2009, 11:28
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 4 meses
Puntos: 137
Respuesta: fuente de texto para un estilo

el "text-indent:-999em;" esta haciendo que no muestre el texto...
lee bien trankilo con pausa
mi opcion es que la imagen de fondo ya tenga el texto ok?...
la otra solucion es mostrar el texto (texto plano no en la imagen) y ponerle sombra con CSS

existen otras alternativas con Jquery o flash... pero bueno si aqui nos atoramos te sugiero que mejor uses la opcion que doy para no complicarse... chao y suerte!...
  #10 (permalink)  
Antiguo 03/08/2009, 14:13
(Desactivado)
 
Fecha de Ingreso: junio-2009
Mensajes: 256
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: fuente de texto para un estilo

gracias por responder alexk. osea lo que quiero es mostrar el texto con la imagen.

si tengo una tabla de una celda.

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
	h1{
		background:url(titulo_resultado_busqueda.jpg) no-repeat;
		text-shadow: 0px 1px 0px #000000;
		font-size:16px;
		font-weight:normal;
		font-family:"Bauhaus Md BT";
		
	}
</style>
</head>

<body>
      
      <table width="791" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><h1>Este texto se vera.</h1></td>
        </tr>
      </table>
</body>
</html> 
ya muestro el texto, pero no se ve igual a la imagen.



que solucion puedo darle ?.

saludos.

Última edición por xfer2; 03/08/2009 a las 14:13 Razón: edito.
  #11 (permalink)  
Antiguo 03/08/2009, 14:41
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 4 meses
Puntos: 137
Respuesta: fuente de texto para un estilo

aver.... la imagen anterior asi quieres que se vea en tu web correcto?... pues usa esa imagen de fondo... no logro entender bien que es lo que quieres... en texto plano... es imposible hacer que se vea igual como lo muestras... (claro sin usar jquery o flash). chao y suerte!...
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 20:46.