Publicidad
Publicidad

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

Miniatura del vídeo

Clase: Cómo cambiar el grosor de una fuente con la propiedad font-weight en CSS

Aprende a modificar el grosor de las tipografías en tus proyectos web utilizando la propiedad CSS font-weight. Domina valores absolutos, relativos y numéricos.

El control de la tipografía es fundamental para establecer una jerarquía visual efectiva en el diseño web. En esta lección del curso de CSS, se explica cómo gestionar el peso o grosor de las fuentes mediante la propiedad font-weight, permitiendo a los desarrolladores ajustar la apariencia del texto desde niveles muy delgados hasta los más intensos mediante diferentes tipos de valores.

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.

57. CURSO de CSS - 57 ¿Como CAMBIAR el GROSOR de una FUENTE con CSS?

Contenido

Guarda tu progreso

Presiona Ctrl + D para favoritos.

Ver otros cursos