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 ;}