Autore: Arquen | Pubblicato il: 27/05/10 | Nella categoria: Css
Ora verranno spiegati, elencandoli, tutti gli elementi che permettono di scegliere e modificare il font, e la dimensione del TESTO all'interno della pagina HTML.
Si possono elencare più famiglie di caratteri. Verrà utilizzato il primo e man mano gli altri:
font-family:famiglia1, famiglia2, famiglia3;
p { font-family:verdana, arial, geneva; }
div { font-family:"MS Sans Serif", verdana, arial; }
b { font-family:"MS Sans Serif", verdana, arial; }
Per le dimensioni del font:
font-size: lunghezza | dim. assoluta | dim. relativa | percentuale;
p { font-size:12px; }
i { font-size:larger; }
b { font-size:22mm; }
h1 { font-size:150%; }
Per il rendering dei caratteri in corsivo:
font-style: normal | italic | oblique;
p { font-style:italic; }
h1 { font-style:normal; }
Per assegnare lettere maiuscole e viceversa:
font-variant: normal | small-caps;
p { font-variant:small-caps; }
h1 { font-variant:normal; }
Per lo spessore del testo:
font-weight: bold | bolder | lighter | normal;
p {font-weight:bold; }
h1 {font-weight:700; }
Nel prossimo articolo scopriremo in che modo scegliere i COLORI di testo e sfondo.
Il menu della guida:
- Cascading Style Sheets
- Sintassi
- Stile in linea
- Stile incorporato
- Stile file esterno
- Class
- Selettori id
- Grafica
- Link
- Testo
- Caratteri
- Colore
- Posizionamento
- Parametri
