El Código de texto Tamaño de fuente

Si usted es nuevo en el diseño de páginas web con HTML y CSS, usted no puede darse cuenta de la cantidad de diseñadores de control tiene 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 los tamaños de fuente pueden casi 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 realiza con mayor frecuencia el uso de CSS (Cascading Style Sheets), más que el 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, se pueden definir los tamaños de fuente muy específicas y aplicarlas a grupos de texto, que usted designe con las etiquetas. Puede crear un archivo CSS externo y adjuntarlo al archivo HTML que contiene el contenido de su 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 fuente es el siguiente:

h1 {font-size: 40px;}

Esto significa que cualquier texto que 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 se cierra con corchetes. Compruebe también que el valor termina con un punto y coma, y ​​que no hay espacio entre el valor numérico y "px".

Tipo estándar Etiquetas

Por lo general, un diseñador utiliza las etiquetas de cabecera para establecer diferentes tamaños de fuente que pueda necesitar en todo el sitio web. Tradicionalmente estas etiquetas comienzan con <h1>, que es el tamaño de letra más grande encontrado en la página, hasta <h6>, que puede ser muy pequeño texto de un pie de página. La etiqueta <p> define el texto típica cuerpo que aparece en los párrafos. Puede configurar todos estos tamaños individuales en la hoja de estilo CSS, entonces se encierra el texto escrito en su HTML con las etiquetas.

El uso de valores absolutos

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

p {font-size: 14pt;}

Esto establece el tamaño de fuente para todo el texto dentro de la etiqueta <p> como 14 puntos. Este es un ejemplo de dimensionamiento absoluta, en la que el tamaño de texto sigue siendo un tamaño fijo. Algunos navegadores 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 le permiten aumentar el tamaño con esta codificación.

Uso de 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 incluyen píxeles, porcentajes y EMS. Ems son la unidad recomendada por el World Wide Web Consortium (W3C). Una medición de 1 em es equivalente al tamaño predeterminado de un tipo de letra 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 asegurar 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 estándar tamaño de la fuente:

body {font-size: 100%;}

y luego especificar sus diferentes tamaños encabezamiento y el párrafo con sede fuera de lo siguiente:

h1 {font-size: 2.25em;}

p {font-size: 0.8em;}