CSS Font

La proprietà CSS font definisce il tipo di carattere, grandezza, la dimensione e lo stile di un testo.

Nei CSS, ci sono due tipi di nomi per i font:

  1. generic family – un gruppo di famiglie di font con un look simile (come “Serif” o “a spaziatura fissa”)
  2. family font – una famiglia di caratteri specifici (come “Times New Roman” o “Arial”)

Si possono impostare piu’ di un font per ogni attributo, ad esempio:

p {font-family:”Times New Roman”, Times, serif;}

La proprietà font-style ha 3 valori:

p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}

La proprietà font-size serve ad impostare la grandezza dei caratteri. La grandezza può essere assoluta o relativa. Se non imposti alcun valore, di default la grandezza è di 16 pixel (16px=1em)

p {font-size:14px;}

p {font-size:0.875em;}

Properietà Descrizione Valore
font Consente di impostare tutte le proprietà del carattere in una dichiarazione font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
inherit
font-family Specifica il tipo di font family-name
generic-family
inherit
font-size
Specifica la dimensione del font
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%
inherit
font-style Specifica lo stile del testo normal
italic
oblique
inherit
font-variant Specifica se un testo deve essere visualizzato in maiuscoletto normal
small-caps
inherit
font-weight Specifica il peso di un font normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
inherit

Leave a Reply

Powered by ioUPPO.