Como cambio el estilo de fuente?

Pues eso. Como puedo cambiar el estilo de la fuente por uno propio?

Por uno propio que descargaste de una web tipo dafont.com? Tienes que tener en cuenta que eso tiene un problema, y es que la mayoría de la gente que visitará tu web no tendrá esa fuente y, por lo tanto no verá la web con ella, si no con otra.

Para la fuente usa css:

font-family: {Verdana, Arial, Helvetica, sans-serif }

Es un ejemplo. El navegador web del usuario tratará de poner la Verdana, si no la tiene pues la arial, si no la helvetica y si no la .... Quizás eso es lo que tendrías que hacer, poner como primera fuente la nueva tuya y luego otra que sepas que sí tienen tus visitantes, por ejemplo la verdana.

Saludos ;)

ok pero un par de cosas. El archivo que me descarge de la fuente es .ttf

Ese archivo donde lo ubico? en la carpeta objetos?

Y la otra cosa. Eso que pones de font-family es para poner un grupo de fuentes no? Si solo quiero poner la mia seria:

font: {corleone}

?¿

Eso que dices que algunos no podran ver mi fuente descargada..no se,..porque yo me meti en una web con ese estilo de fuente y si la veia bien con mi navegador. No se si te refieres a otra cosa.

Gracias de antemano.

es una tonteria que pongas una funente que solo vas a ver tu, pon una comun que todos tengan.

MaGNo escribió:Eso que dices que algunos no podran ver mi fuente descargada..no se,..porque yo me meti en una web con ese estilo de fuente y si la veia bien con mi navegador. No se si te refieres a otra cosa.

Claro, porque tu la tenías instalada ya pero de cada 100 usuarios que visiten tu web solo 2 o 3 tendrán esa fuente, siendo muy optimistas ya.

No te vale la pena, usa el código de font-family que yo te dije y escoje una fuente de las que trae el propio windows por defecto.

Foley escribió:

MaGNo escribió:Eso que dices que algunos no podran ver mi fuente descargada..no se,..porque yo me meti en una web con ese estilo de fuente y si la veia bien con mi navegador. No se si te refieres a otra cosa.

Claro, porque tu la tenías instalada ya pero de cada 100 usuarios que visiten tu web solo 2 o 3 tendrán esa fuente, siendo muy optimistas ya.

No te vale la pena, usa el código de font-family que yo te dije y escoje una fuente de las que trae el propio windows por defecto.

No no, yo no la tenia instalada...

Y la tuviste que descargar al entrar a la web o algo? :roll:

Foley escribió:Y la tuviste que descargar al entrar a la web o algo? :roll:

Bueno, parece ser que tengo algunos conceptos todavia frios xD. Me e dado cuenta de que la letra que quiero poner, en otra web, forma parte de encabezados y de enlaces en menu.

Los parrafos son de letra normal. O sea, que si quiero poner una letra con un estilo inusual, debe de ser encabezados, enlaces y demas.

Quizás también sean imágenes y no texto, aunque a ti te lo parezca ;)

Foley escribió:Quizás también sean imágenes y no texto, aunque a ti te lo parezca ;)

Si si, al final lo e echo con imagenes. Gracias por la aclaracion.

Hola,
publico aqui ya que tengo un problema muy parecido

Tengo puesto este codigo en estilo-general.css

p {text-align: justify ; font-family: {Verdana, Arial, Helvetica, sans-serif }
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: left ; font-family: {Verdana, Arial, Helvetica, sans-serif }
h2 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: left ; font-family: {Verdana, Arial, Helvetica, sans-serif }

y mi web: www.narutodattebayo.site40.net


Pues eso, si os fijais, en la web no funciona la letra, donde esta el fallo?

Edito porque aqui tambien pasa

#menu li {list-style:none ; font-size: 12px ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:20px ; background-image: url(objetos/menu-curva-superior.gif) }

Sale la lista mas grande que el h1 :( :?

Muchas Gracias por adelantado

Yo pondría en el body la fuente:

body {font-family: Verdana, Arial, Helvetica, sans-serif;....;....;.....;}

Saludos

Hola,
ya lo he modificado y sale igual, ademas le he puesto una imagen de logotipo y se me come el navegador, que hago?
De momento todo esta así:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold }
h2 {font.size: 1.1em; color:black ; font-weight: bold }
body {text-align: center ; background-color: #363636  ; font-family: {Verdana, Arial, Helvetica, sans-serif }
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: white ; height:149px}
#logotipo   {width:798px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: lavender ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom }
#menu li {list-style:none ; font-size: 12px ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:20px ; background-image: url(objetos/menu-curva-superior.gif) }
#pie { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ;  height: 12px ; overflow: hidden }
a {color: orange; font-size:1.1em ; text-decoration: none }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline }
a:active {}

El logotipo no tiene ningun float y es de 798px x 149px, no lo entiendo bff,

¡¡esto es muy dificil!! :cry: :cry:

Wolfy, no es difícil, lo que pasa que al principio cuesta, no se ven los errores que cometemos en el código. Lo mejor es que cuando algo no te vaya, salgas a fuera a tomar el aire, te relajes y vuelvas al cabo de unas horas; ya verás que bien lo ves todo después ;)

Mira tienes un error:

body {text-align: center ; background-color: #363636 ; font-family: {Verdana, Arial, Helvetica, sans-serif }

Ponlo así:

body {text-align: center; background-color: #363636; font-family:Verdana, Arial, Helvetica, sans-serif } 

P.D: En cuanto al logotipo, pásame la página para verlo en directo ;)

Saludos ;)

Hola,
sigue pasando lo mismo
mira:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold }
h2 {font.size: 1.1em; color:black ; font-weight: bold }
body {text-align: center ; font-family: Verdana, Arial, Helvetica, sans-serif ; background-color: #363636 }
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: white ; height:149px}
#logotipo   {width:798px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: lavender ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom }
#menu li {list-style:none ; font-size: 12px ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:20px ; background-image: url(objetos/menu-curva-superior.gif) }
#pie { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ;  height: 12px ; overflow: hidden }
a {color: orange; font-size:1.1em ; text-decoration: none }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline }
a:active {}

web: http://www.narutodattebayo.site40.net

Ya te daras cuenta de la imagen enseguida, y de la letra tambien, jeje

Bueno intentadlo

PD: De que color quedarian mejor los fondos? Ya que te pasas xdd

As oido la expresion ha pasado de la noche a la mañana?
Pues si, a veces funciona mira, www.narutodattebayo.site40.net

Anoche ya estaba arto y me fui a dormir y esta mañana me levanto y todo bien, o alguien ha modificado de alguna manera o es que el hosting no es muy bueno, muchisimas gracias por todo ejej

PD: No cierres el post porque en una media hora me voy a cargar algo mas xD

Hola Wolfy, quería saber si pudiste ponerle una fuenta al logo o titulo de la cabecera de tu web o tuviste q usar una imagen??
Yo intente con una imagen pero me borra los colores del fondo.
Como se hace?
Saludos y graciass

5 mensajes y mod? Algun error es no?

El titulo que tengo ahora en la web, esta editado sobre una imagen, no esta escrito, asi a seco me es dificil ayudar, explicame tu problema o pasame el link de tu web y me fijo mejor :wink: :wink: