CSS La stenografia del font

Esempio

Con la sintassi:

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

Puoi avere tutti gli stili relativi ai font in una dichiarazione con la stenografia del font . Basta usare la proprietà del font e inserire i valori nell'ordine corretto.

Ad esempio, per rendere tutti gli elementi p grassetto con una dimensione del font di 20px e usando Arial come tipografia, tipicamente lo si codificherebbe come segue:

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

Tuttavia con la stenografia dei font può essere sintetizzata come segue:

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

Nota : dal momento che font-style , font-variant , font-weight e line-height sono opzionali, in questo esempio vengono saltati tre di questi. È importante notare che l'utilizzo della scorciatoia ripristina gli altri attributi non dati. Un altro punto importante è che i due attributi necessari per il collegamento ai font da utilizzare sono font-size e font-family . Se non sono entrambi inclusi, la scorciatoia viene ignorata.

Valore iniziale per ciascuna proprietà:

  • font-style: normal;
  • font-variant: normal;
  • font-weight: normal;
  • font-stretch: normal;
  • font-size: medium;
  • line-height: normal;
  • font-family - dipende dal programma utente