Curso Completo de CSS de principiante a avanzado - CURSO de CSS - 57 ¿Como CAMBIAR el GROSOR de una FUENTE con CSS?

Puntos Clave de la Lección

• Introducción a font-weight: Se presenta la propiedad CSS encargada de definir el grosor de los caracteres tipográficos dentro de cualquier elemento HTML. [00:00:13]
• Valores absolutos: Explicación sobre los valores predefinidos como normal (equivalente a 400) y bold, que asigna un grosor de 700 al texto. [00:00:31]
• Valores relativos: Uso de las palabras clave lighter para reducir el grosor de la fuente y bolder para obtener un peso mayor, dependiendo siempre de la tipografía utilizada. [00:01:06]
• Valores numéricos específicos: Implementación de pesos mediante una escala numérica que va desde 100 (extra delgado o "thin") hasta 900 o 1000, permitiendo un control granular del diseño. [00:01:52]
• Verificación en el navegador: Demostración de cómo utilizar las herramientas de desarrollador para inspeccionar el estilo calculado y verificar el valor real aplicado a la fuente. [00:00:50]

Productos útiles para este curso

Para seguir esta clase, se recomienda el uso de un editor de código como Visual Studio Code y un navegador web moderno (Chrome o Firefox) para aprovechar las herramientas de inspección de elementos CSS.

Resumen Final

El dominio de la propiedad font-weight permite personalizar la legibilidad y el impacto visual de los textos en un sitio web. Al combinar valores absolutos como bold, relativos como lighter, y escalas numéricas precisas, el desarrollador obtiene un control total sobre el peso de la tipografía, asegurando una estética profesional y consistente en todo el diseño.

Créditos del Autor

Esta lección ha sido adaptada del contenido original creado por el canal, especializado en programación web y desarrollo front-end. Se recomienda visitar su canal oficial de YouTube para profundizar en estos contenidos.