Breaking

Post Top Ad

Your Ad Spot

martes, 7 de mayo de 2019

Propiedades de fuente CSS

Aquí, nos fijamos en las diversas propiedades de la fuente. Estas son las propiedades en el fontespacio de nombres, aquellas que incluyen la palabrafuente al comienzo de su nombre.
Las propiedades de la fuente CSS le permiten cambiar el aspecto de su texto. Por ejemplo, puede asignar una familia de fuentes, aplicar formato de negrita o cursiva, cambiar el tamaño y más.

Familia de fuentes CSS

La font-familypropiedad le permite establecer la familia de fuentes.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  p {
    Familia tipográfica : Georgia , Garamond , serif ;
  }
</ estilo >
Al aire libre
< p > Este texto se representa en georgia, garamond o en la fuente serif por defecto (dependiendo de la fuente que tenga el sistema del usuario). </ p >
La font-familypropiedad acepta una lista de diferentes familias de fuentes. Esto se debe a que no todos los usuarios tendrán las mismas fuentes instaladas en su computadora. Por lo tanto, como diseñador / desarrollador, puede proporcionar una lista de fuentes, comenzando con su primera elección y terminando con su última opción.
Por lo tanto, si el usuario no tiene la fuente de su primera opción, la segunda opción se utilizará para ese usuario. Si no tienen la segunda opción, se utilizará la tercera opción, y así sucesivamente.
Es una buena práctica hacer de su última elección una familia de fuentes genérica como serifsans-serif(dependiendo de si desea o no una fuente con remates). De esta manera, si ninguna de las otras opciones está en la computadora del usuario, su computadora elegirá una fuente que esté en su computadora, según la familia genérica que usted proporcione.

Tamaño de fuente CSS

Le permite establecer el tamaño del texto. Para información sobre los valores posibles, vea la font-sizepágina.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  p {
    tamaño de fuente : 30px ;
  }
</ estilo >
Al aire libre
< p > Este texto está utilizando un tamaño de fuente de 30 píxeles. </ p >

Ajuste de tamaño de fuente CSS

Esta propiedad le permite ajustar la altura x para que las fuentes sean más legibles. Para más información, consulte la font-size-adjustpágina.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  p {
    tamaño de fuente : 12px ;
    ajuste de tamaño de fuente : 0.58 ;
  }
</ estilo >
Al aire libre
< p > Este texto está usando un valor de ajuste de tamaño de fuente. </ p >

Estiramiento de fuente CSS

Esta propiedad se basa en la computadora del usuario para tener una versión expandida o condensada de la fuente que se está utilizando. Para todos los valores posibles, consulte la font-stretchpágina.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  p {
    estiramiento de la fuente : ultra-expandido ;
  }
</ estilo >
Al aire libre
< p > Si su computadora tiene una versión expandida de la fuente que se está utilizando, este texto se estirará. </ p >

Estilo de fuente CSS

La font-stylepropiedad se utiliza para especificar texto en cursiva.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  p {
    estilo de letra : cursiva ;
  }
</ estilo >
Al aire libre
< p > Este texto está en cursiva. </ p >

Variante de fuente CSS

Le permite configurar su texto para utilizar mayúsculas pequeñas. Ver font-variant.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  p {
    Variante de fuente : minúsculas ;
  }
</ estilo >
Al aire libre
< p > Este texto está usando mayúsculas pequeñas. </ p >

Peso de fuente CSS

Le permite configurar su texto en negrita. Para más información, consulte font-weight.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  p {
    font-weight : negrita ;
  }
</ estilo >
Al aire libre
< p > Este texto está en negrita. </ p >

Propiedad de fuente CSS

La fontpropiedad es una propiedad abreviada que le permite establecer todas las propiedades de fuente de una sola vez.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  p {
    fuente : cursiva  minúsculas  negrita 20  px  Georgia , Garamond , serif ;
  }
</ estilo >
Al aire libre
< p > Los estilos para este texto se han especificado con la propiedad abreviada 'font'. </ p >

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas