Cambiar las fuentes

**gabrielle** · 05/10/2007, 14:08

Hola!! buenas!
que tal, vereis, me gustaria cambiar la fuente en la que escribo en mi page (odio time news roman), me gustaría ponerla en comic sans (las chicas somos asi jajaja) pero no se muy bien como he visto algo sobre una instruccion llamada font para dar formato a las letras

font: bold 12px Verdana, sans-serif

pero no se como usarla, he probado a poner comic sans el el tipo de letra pero sigue saliendo en verdana y lo del sans-serif ni idea de lo q es

podriais ayudarme????

muchimas gracias!!!

**gabrielle** · 05/10/2007, 14:23

yo me loguiso yo me lo como jajajja ya lo he solucionado

lo he conseguido con la instrucccion
font: bold 12px Comic Sans MS, sans-serif;
lo q pasaba es q habia ùesto mal el nombre de le fuente, eso si, sigo sin saber q son los demas parametros, si alguien lo descubre

espero q os interese

**Yaneth** · 05/10/2007, 14:45

Hola trataré de explicarte

font: bold 12px Comic Sans MS, sans-serif;

font: letra
bold: grueso
12px: tamaño en pixeles
Comic Sans MS : tipo de letra
Sans serif: tipo de letra

saludos

**Siscom2006** · 11/11/2007, 08:10

Hace tiempo que empece con mi pagina web, la verdad es que quiero dar un sincero agradecimiento a jorgens , ya que sin su tutorial aun estaria por <body>.

Bueno al lio yo quiero cambiar los textos de fuente de los titulos pero estoy un poco confundido , segun he leido se ponen todas las fuentes para que el usuario que abra mi pagina web pueda verla (me parece que es asi),pero¿si yo quiero definir un estilo por defecto , como lo hago?,este es el codigo que tengo para los titulos es en CSS :
.titulo { font: italic bolder 50px Verdana Arial Helvetica sans-serif ;color:#FF1493 ;}

Gracias por todo , un saludo

**Siscom2006** · 11/11/2007, 08:25

Iniciado por Siscom2006

Hace tiempo que empece con mi pagina web, la verdad es que quiero dar un sincero agradecimiento a jorgens , ya que sin su tutorial aun estaria por <body>.

Bueno al lio yo quiero cambiar los textos de fuente de los titulos pero estoy un poco confundido , segun he leido se ponen todas las fuentes para que el usuario que abra mi pagina web pueda verla (me parece que es asi),pero¿si yo quiero definir un estilo por defecto , como lo hago?,este es el codigo que tengo para los titulos es en CSS :
.titulo { font: italic bolder 50px Verdana Arial Helvetica sans-serif ;color:#FF1493 ;}

Gracias por todo , un saludo

Ya me vale si leyera un poco mas , gracias pero ya lo tengo solucionado

**jorgens** · 18/11/2007, 21:47

Hola Siscom,

Dinos como lo has solucionado. Quizás tengamos una idea mejor, o quizás tu respuesta sirva de ayuda a otros con la misma duda, oki?

Un abrazo y perdona que llegue tan tarde! je je.

Yo · 25/07/2008, 05:48

Sigo con las dudas...

no hago mas que repasarme la sección completa, pero hay cosas a las que no encuentro respuesta

.

La duda de ahora, es la que se le planteó en su día a gabrielle, quiero cambiar el tipo de letra de la web, pero no veo donde lo tengo que poner. Porque lo que sí veo es el tamaño, justificado y demás, pero ¿dónde tengo que poner el nombre del tipo de letra que quiero poner?.

Os copio mi hoja de estilo-general:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#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: GreenYellow ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: orange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color:LimeGreen ;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px ;}
#pie {border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:270px }
#pietres {float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

Gracias

Yo · 25/07/2008, 05:53

¡¡¡¡ Anda de lo que me acabo de dar cuenta !!! Es que estaba en la sección de todo sobre el HTML-Kit y ahí no encontraba la solución a mi problema con el tipo de letra, pero acabo de descubrir esta sección y aquí seguro que la encuentro... Voy a "bucear" en ella para ver si lo logro. Os mantengo informados, por si no lo consigo, que me echéis una manita, ¿vale?

Gracias

Yo · 25/07/2008, 06:02

¿Hay alguna manera de saber si el tipo de letra "Kristen ITC" se puede usar en la web?. Os lo comento porque es el tipo de letra que me gustaría poner, pero no me sale. La estoy poniendo en varias líneas de estilo general y nada...

Yo · 25/07/2008, 15:52

No lo consigo

**Yaneth** · 25/07/2008, 17:44

sube tus cambios y danos la url para ver como lo haces

saludos

**Raulyure** · 27/07/2008, 08:28

Iniciado por Yo

¿Hay alguna manera de saber si el tipo de letra "Kristen ITC" se puede usar en la web?. Os lo comento porque es el tipo de letra que me gustaría poner, pero no me sale. La estoy poniendo en varias líneas de estilo general y nada...

Hola:
Seguramente se puede utilizar, pero veo muy difícil (aunque es solo mi opinión) que la gran mayoría de los navegadores, por no decir los usuarios que tengan ordenadores, que puedan verla correctamente, si quiere puede probar poniéndola así:
body{font-family:"Kristen ITC" Kristen ITC, Arial, Verdana, Geneva, Helvetica, serif, sans-serif}
Como le digo puede que no todos la puedan visualizar, fuera de que no me recuerdo a que familia genérica pertenece ya que hay cinco familias genéricas que tienen sus propios estilos por decirlo así
serif= son las que tienen como un poco de decoración, aunque no es notoria cuando las letras son relativamente medianas o pequeñas pero son menos legibles, a ella pertenecen las familias Times New Roman , que tanto conocemos, la Garamond, la MS Georgia, la Bodoni y otras mas.

sans-serif= son las que no llevan ningún tipo de decoración, son las más legibles en la web, a ella pertenecen la familia MS Arial, MS Verdana ,Helvetica, MS Trebuchet, la ITC Avant Garden Gothic y otras mas.

Cursive= Son fuentes que tienen los trazados muy juntos, tratan de acercarse a como solemos escribir, son letras curvadas mas que cursivas, a ella pertenece la , Caflisch Script, Adobe Poetica, Sanvito, Zapf-Chancery y otras mas.

Fantasy= Esta familia se dedica por decirlo así a englobar las fuentes que son mas originales, pero no siempre muestran caracteres alfabéticos, mas que para mostrar información sirven como decoración, realmente hay muy poco control sobre ellas. Por ejemplo si usted pone como familia genérica :body{font-family:fantasy} en el Firefox o Mozilla aún se le podrá ver legible, pero si la ve con el Internet Explorer7 puede que le sorprendan los símbolos que le aparezcan. Depende de que sistema de que navegador, y las fuentes que tenga instaladas quien desee verlas.

Monospace= En principio se llama así, por que agrupa fuentes que tienen el mismo ancho en todos sus caracteres, (en teoría), Esta es la que se utiliza en los códigos fuente, ya que representan en gran medida a las fuentes antiguas.
Esto es mas o menos lo de las fuentes
También están los estilos de las fuentes
pueden ser font-style:normal
font-style:italic
font-style:oblique

También se pueden poner mas gruesas o mas delgadas o en negrita
font-weight:normal
font-weight:bold
font-weight:bolder
font-weight:lighter
yo quiero que mi página tenga una fuente de la familia Arial, pero la quiero en negrita y con el estilo italic, pero por si el navegador no encuentra esa fuente en el ordenador de quien quiere ver mi página entonces incluyo otras familias como la Verdana, la Helvetica, y como último recurso pongo la familia genérica a la que pertenece esa fuente que quiero que vean los demás
body{font-family:"Arial Black" Arial, font-style:italic, Verdana, Helvetica, serif, sans-serif}
y si no encuentra ninguna , entonces mostrará la página con la fuente que tenga ese ordenador instalada por defecto (Times New Roman)

Bueno no me alargo mas
Saludos

Yo · 28/07/2008, 13:50

Gracias Yaneth y Raulyure.

Lo he puesto como me ha indicado vd., Raulyure, y claro, en mi ordenador se ve con Kristen ITC. Ahora según vaya a casas de amigos, familiares y demás lo primero que voy a hacer es comprobar como se ve en otros ordenadores... je, je,

Muchas gracias.