fuente de texto para un estilo

xfer2 · #1 (**permalink**) 31/07/2009, 13:23

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.

ArturoGallegos · #2 (**permalink**) 31/07/2009, 14:36

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

xfer2 · #3 (**permalink**) 31/07/2009, 14:53

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.

alexk · #4 (**permalink**) 31/07/2009, 15:03

igual podrias usar una imagen.... por ejemplo

Código css:

Ver originalh1{background:url(image.jpg);text-indent:-999em;}

y tu html

Código html:

Ver original<h1>Este texto no se vera</h1>

chao y suerte!...

xfer2 · #5 (**permalink**) 31/07/2009, 15:15

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.

ArturoGallegos · #6 (**permalink**) 31/07/2009, 15:43

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

kseso? · #7 (**permalink**) 31/07/2009, 16:44

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

xfer2 · #8 (**permalink**) 03/08/2009, 10:19

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.

alexk · #9 (**permalink**) 03/08/2009, 10:28

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!...

xfer2 · #10 (**permalink**) 03/08/2009, 13:13

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.

alexk · #11 (**permalink**) 03/08/2009, 13:41

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!...