Si eres nuevo en el diseño de páginas Web con HTML y CSS , es posible que no se dan cuenta de la cantidad de diseñadores de controles tienen sobre el tamaño del texto , en comparación con lo que estaba disponible en el nacimiento de la Web. De hecho , las opciones disponibles para tamaños de fuente casi puede ser confuso. Una variedad de formas están disponibles para controlar el tamaño de las fuentes que se muestran en una página web . Esto se hace con mayor frecuencia utilizando CSS (Cascading Style Sheets) en lugar del viejo método de escribir cada estilo en cada línea de texto en el archivo HTML ( Hyper Text Markup Language). Formato de código con CSS

Cuando se utiliza CSS , puede definir los tamaños de fuente muy específicas y aplicarlas a grupos de texto , que se designan con las etiquetas. Puede crear un archivo CSS externo y adjuntarlo al archivo HTML que incluye el contenido de la página, o puede incluir códigos de estilo CSS internas en la cabeza del archivo HTML. Sea cual sea el método que prefiera , el código básico para configurar el tamaño de letra es la siguiente:

h1 {font -size: 40px ;}

Esto significa que cualquier texto que usted designe como " h1 " en el archivo HTML tendrá un tamaño de 40 píxeles. Si tiene problemas con el tamaño del texto que aparece este tamaño, asegúrese de que la etiqueta se abre y cierra con llaves. Compruebe también que el valor termina con un punto y coma , y que no hay espacio entre el valor numérico y " píxeles ".
Estándar Tipo Tags

lo general, un diseñador utiliza etiquetas de cabecera para establecer diferentes tamaños de fuente que pueda necesitar en todo el sitio web. Tradicionalmente estas etiquetas comienzan con

, que es el tamaño de fuente más grande encontrado en la página, a

, que puede ser muy pequeño texto de un pie de página. El

define el texto del cuerpo típica que aparece en los párrafos . Puede configurar todos estos tamaños individuales en la hoja de estilo CSS , entonces encerrar el texto escrito en el código HTML con las etiquetas.
Utilizar valores absolutos

puede ajustar el tamaño de fuente en un valor absoluto , como píxeles, milímetros o pulgadas , como en el siguiente ejemplo :

p {font -size: 14pt ;}

ajusta el tamaño de la fuente para todo el texto dentro de la etiqueta

como 14 puntos. Este es un ejemplo de dimensionamiento absoluta , en el que el tamaño del texto sigue siendo un tamaño fijo . Algunos navegadores le permiten cambiar este tamaño, lo cual es útil para las personas con discapacidades visuales que necesitan aumentar el tamaño del texto para leerlo. Sin embargo , Internet Explorer no permite que le permite aumentar el tamaño de esta codificación .
Utilizar valores relativos

Muchos diseñadores utilizan valores relativos para cambiar los tamaños de fuente . Esto establece el tamaño del texto en relación con otros elementos y le permite cambiar el tamaño en todos los navegadores. Los valores relativos son píxeles , porcentajes y ems . Ems es la unidad recomendada por el World Wide Web Consortium (W3C ) . Una medida de 1 em equivale al tamaño predeterminado de una fuente en un navegador web, que es de 16 píxeles. Puede especificar tamaños de fuente en ems con el siguiente código :

h2 {font -size: 1.875em ;}

Debido a los problemas en curso con la compatibilidad en Internet Explorer, el W3C recomienda una combinación de porcentajes y ems para garantizar de forma estándar una experiencia de visualización posible en todos los navegadores . Ellos recomiendan el siguiente código para establecer un tamaño de fuente estándar :

body { font- size: 100 % ;}

y especifique el encabezamiento y el párrafo diversos tamaños con sede fuera de lo siguiente:

h1 {font -size: 2.25em ;}

p {font -size: 0.8em ;}