Font & Text

FONT

proprietà che determina famiglia, dimensioni, colore e stile dei caratteri



→ definisce una specifica famiglia di caratteri.
L'elemento deve essere indicato con un SELETTORE (ex p) a cui verranno dati VALORI


→ come valori sono utilizzabili :

→ i fonts piu' comuni , già inclusi nei nostri pc : VERDANA, TIMES NEW ROMAN, SANS-SERIF, GEORGIA, COURIER, ARIAL...
→ i fonts scaricabili (gratuitamente o a pagamento da siti specializzati) facendo attenzione a non sceglierne di troppo particolari, che rischiano di essere visualizzati solo dal pc su cui sono istallati.

E' buona norma scegliere piu' famiglie, di modo che se il primo font non potesse essere visualizzato il browser passera' automaticamente al secondo impostato, senza variare troppo l'aspetto della pagina web.

N.B: le famiglie cui nome non è formato da una singola parola vanno messe tra virgolette " " per essere visualizzate

---

→ definisce lo stile dei caratteri.
L'elemento deve essere indicato con un SELETTORE (ex p) a cui verranno dati VALORI


→ come valori sono utilizzabili :

→ NORMAL : carattere normale
→ ITALIC : carattere corsivo


→ corsivo

---

→ definisce lo spessore dei caratteri.
L'elemento deve essere indicato con un SELETTORE (ex p) a cui verranno dati VALORI


→ come valori sono utilizzabili :

→ NORMAL : carattere normale
→ BOLD : carattere grassetto


→ grassetto

---

→ definisce la grandezza dei caratteri.
L'elemento deve essere indicato con un SELETTORE (ex p) a cui verranno dati VALORI


→ come valori sono utilizzabili : pixels (PX) , centimetri (CM) o em ("M" in tipografia)

→ 1 PX = 1 CM o 16 EM
→ 1 EM = 0,06 PX o 0,4 CM
→ 1 CM = 37,7 PX o 2,37 EM

→ testo di 20px

---

TEXT

proprietà che determina allineamento, decorazione, colore ,altezza e stile del testo


→ definisce il colore del testo.
L'elemento deve essere indicato con un SELETTORE (ex div) a cui verranno dati VALORI


→ come valori sono utilizzabili :

→ i codici esadecimali dei colori ( #NUMEROCOLORE )


→ colore nero

---

→ determina l'allineamento del testo
L'elemento deve essere indicato con un SELETTORE (ex div) a cui verranno dati VALORI


→ come valori sono utilizzabili :

→ RIGHT: allineamento a destra
→ LEFT: allineamento a sinistra
→ JUSTIFY: allineamento giustificato
→ CENTER : allineamento centrale

testo centrato

---

→ determina eventuali decorazioni del testo
L'elemento deve essere indicato con un SELETTORE (ex div) a cui verranno dati VALORI


→ come valori sono utilizzabili :

→ NONE: nessun decoro
→ OVERLINE: il testo sarà sovrastato da una linea
→ LINE -TROUGH: il testo sarà attraversato da una linea
→ UNDERLINE : il testo sarà sottolineato


→ testo barrato

---

→ determina l'aspetto del testo
L'elemento deve essere indicato con un SELETTORE (ex div) a cui verranno dati VALORI


→ come valori sono utilizzabili :

→ UPPERCASE: tutto il testo sara' maiuscolo
→ LOWERCASE: tutto il testo sarà minuscolo
→ CAPITALIZED: solo la prima lettera sarà maiuscola


→ testo maiuscolo

---

→ determina l'ombreggiatura del testo
L'elemento deve essere indicato con un SELETTORE (ex div) a cui verranno dati VALORI


→ come valori sono utilizzabili : pixels (PX) , centimetri (CM) o em ("M" in tipografia)

→ 1 PX = 1 CM o 16 EM
→ 1 EM = 0,06 PX o 0,4 CM
→ 1 CM = 37,7 PX o 2,37 EM

→ i codici esadecimali dei colori ( #NUMEROCOLORE )

I valori seguiranno questa tabella :



→ il testo avrà un 'ombreggiatura orizzontale di 1px, una verticale di 2px ed entrambe di colore nero