2 min de lectura

Formato a texto con CSS

Aplicar color al texto con CSS

Asignar la familia de la fuente al texto con CSS

Definir el tamaño del texto con CSS

La propiedad font-size permite tamaños absolutos, relativos y porcentajes

Asignar el grosor al texto con CSS (Negritas)

La propiedad font-weight acepta los valores: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit

Aplicar estilo al texto con CSS (Cursivas)

Para indicar cursiva se utiliza font-style con el valor italic.

Para convertir el texto en letra versal (mayúsculas pequeñas) se usa la propiedad font-variant con el valor small-caps

Shorthand para la fuente con CSS

El orden en el que se deben indicar las propiedades del texto es el siguiente:

  • En primer lugar y de forma opcional se indican el font-style, font-variant y font-weight en cualquier orden.
  • A continuación, se indica obligatoriamente el valor de font-size seguido opcionalmente por el valor de line-height.
  • Por último, se indica obligatoriamente el tipo de letra a utilizar.

 

¿Te gustó este artículo?

Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.

Líder técnico en equipos de desarrollo de software. Profesor de Desarrollo Web en la Universidad de Guadalajara. Emprendedora. Fundadora y CTO de CORB.mx. Ponente y tallerista. Colaboradora en proyectos de software libre y Open Source. Comprometida con la comunidad y la industria de la tecnología. Enfocada en el empoderamiento de las mujeres.

Deja tus comentarios

This site uses Akismet to reduce spam. Learn how your comment data is processed.