CSS La taquigrafía de la fuente


Ejemplo

Con la sintaxis:

element {
    font: [font-style] [font-variant] [font-weight] [font-size/line-height] [font-family];
}

Puede tener todos los estilos relacionados con la font en una declaración con la abreviatura de la font . Simplemente use la propiedad de font y ponga sus valores en el orden correcto.

Por ejemplo, para hacer que todos los elementos p estén en negrita con un tamaño de fuente de 20 px y usar Arial como la familia de fuentes, normalmente lo codificaría de la siguiente manera:

p {
    font-weight: bold;
    font-size: 20px;
    font-family: Arial, sans-serif;
}

Sin embargo, con la abreviatura de la fuente se puede condensar de la siguiente manera:

p {
    font: bold 20px Arial, sans-serif;
}

Nota : como font-style font-variant font-weight , font-weight y line-height son opcionales, los tres se omiten en este ejemplo. Es importante tener en cuenta que el uso del método abreviado restablece los otros atributos no dados. Otro punto importante es que los dos atributos necesarios para que funcione el método abreviado de font-size son font-size font-family . Si ambos no están incluidos, el acceso directo se ignora.

Valor inicial para cada una de las propiedades:

  • font-style: normal;
  • font-variant: normal;
  • font-weight: normal;
  • font-stretch: normal;
  • font-size: medium;
  • line-height: normal;
  • font-family - depende del agente de usuario