Publicidad
Publicidad

Curso Completo de CSS de principiante a avanzado - CURSO de CSS - 59 ¿Que es la PROPIEDAD font-variant en CSS?

Miniatura del vídeo

Clase: Dominando la propiedad font-variant en CSS para tipografía

Aprende qué es la propiedad font-variant en CSS y cómo utilizar el valor small-caps para transformar tus textos a mayúsculas manteniendo una altura uniforme.

En esta lección del curso de CSS, se explora el funcionamiento de la propiedad font-variant. Esta herramienta es fundamental para el control tipográfico en el desarrollo web, permitiendo modificar la variante de la fuente seleccionada para lograr efectos visuales específicos en el diseño de interfaces.

Puntos Clave de la Lección

  • Introducción a font-variant: Se explica que esta propiedad CSS permite cambiar la variante de una fuente tipográfica, siendo un componente que posteriormente se integrará en la propiedad abreviada font. [00:00:10]
  • El valor por defecto 'normal': Se detalla que el valor normal es el estado predeterminado de cualquier texto, donde no se aplica ninguna modificación especial a los caracteres. [00:00:39]
  • Uso de 'small-caps': Se describe cómo este valor transforma todas las letras minúsculas en mayúsculas, pero conservando la altura original de las letras minúsculas. [00:00:51]
  • Efecto visual en el navegador: Se demuestra mediante la comparación visual cómo el cambio entre el estado normal y small-caps altera la apariencia del texto sin afectar su legibilidad básica. [00:01:14]

Productos útiles para este curso

Para seguir esta clase, se recomienda contar con un editor de código como Visual Studio Code y un navegador web moderno para visualizar los cambios en tiempo real.

Resumen Final

La propiedad font-variant es una herramienta sencilla pero efectiva para el diseño web. Su uso principal, a través del valor small-caps, permite crear encabezados o estilos de texto distintivos donde todas las letras aparecen como mayúsculas, pero mantienen la escala de altura de las minúsculas, otorgando un acabado profesional y estético a los sitios web.

Créditos del Autor

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

59. CURSO de CSS - 59 ¿Que es la PROPIEDAD font-variant en CSS?

Contenido

Guarda tu progreso

Presiona Ctrl + D para favoritos.

Ver otros cursos