Ver Mensaje Individual
  #4 (permalink)  
Antiguo 05/02/2002, 22:04
trippy
 
Fecha de Ingreso: enero-2002
Mensajes: 158
Antigüedad: 22 años, 3 meses
Puntos: 0
Re: Ayuda con el tamaño de los fonts del navegador

puedes hacerlo con las hojas de estilo, que son para eso, para definir los estilos de todos los elementos. Puedes definirlos en cada documento o utilizar un archivo .css:

1.- En cada documento - Debes poner este código en la cabecera, entre head y head, por ejemplo:

<style type="text/css">
<!--
BODY {border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; margin: 0%; COLOR: black}
A {text-decoration:none; color:#FFFFFF; font-weight: bold}
A:hover {text-decoration:underline; color:#000000; font-weight:bold}
.textogrande {font-family:Verdana,Arial,Helvetica; font-size:16pt; font-weight:bold}
.textonormal {font-family:Verdana,Arial,Helvetica; font-size:10pt}
.textojustificado {font-family:Verdana,Arial,Helvetica; font-size:10pt; text-align:justify}
-->
</style>

Esto sólo es un ejemplo y puedes hacerlo a tu gusto, en este caso se han definido las del cuerpo (BODY), los enlaces en dos estados y tres tipos de texto. Por ejemplo, al definir A, un enlace, éstos siempre serán de color blanco y en negrita, y al definir los enlaces al pasar el cursor por encima, A:hover, los enlaces cambirán a color negro y estarán subrayados. Los textos, que es lo que te interesa: basta con poner un . (punto) y después un nombre para crearlo. En este caso los he llamado de una forma que refleje cómo son: .textogrande siempre tendrá 16pt de tamaño (puedes usar pixels, centímetros, etc.) y será negrita. .textonormal tendrá siempre 10pt y .textojustificado también pero estará justificado. Los tres, a su vez, siempre serán Verdana, y en caso de que el usuario no tenga esta fuente, Arial, sino Helvetica... Así que puedes definir los estilos a tu gusto siempre que sepas qué atributos acepta cada elemento.

¿Cómo se aplica ésto? Así:

<p class="textogrande">Esto es un título</p>

o también así:

<p class="textonormal">Esto es texto normal, pero <span class="textogrande">este otro es más grande</span> y este otro vuelve a ser normal</p>

Sigue... :)