Home >Cascade Style Sheet > Definire le dimensione dei caratteri (font size)



Alcuni web designer ritengono che il testo piccolo restituisce un look accattivante
alla pagina, questa tendenza risulta nell'adottare font spesso molto piccoli.

Tale impostazione va in contrasto con la diversità di piattaforme che accedono alle pagina web
(da strumenti portatili con piccoli schermi ai quelli grandi e ai proiettori).

E' un semplice problema di accessibilità e usabilità: un buon design deve apparire buone senza richiedere
all'utente di ingrandire o ridurre il testo.

Il W3C raccomanda fortemente di definire le proprietà dei font attraverso i <b>CSS </b> (Cascading Style Sheets) piuttosto che attraverso l'uso del tag <font> e i suoi attributi.
I CSS è più flessibile, più facile da mantenere e fa risparmiare banda di trasmissione.

Seguono alcune regole che bisognerebbe seguire per creare pagine abbastanza semplici da leggere utilizzando i le proprietà dei font nei
CSS:

- Non specificare il la dimensione, il font-size in punti (pt) o in altra misura assoluta. Queste vengono rese in modo
inconsistente dalle varie piattaforme e non possono essere ridimensionate dall'User Agent (il browser).
Utilizza dimensioni relative come il percentuale o meglio "em" o ancora meglio imposta un font-size di base per il documento e utilizza una dimensione assoluta ([ xx-small | x-small | small | medium | large | x-large | xx-large ]) o relativa ([ larger | smaller ]) quando definisce un font size di un particolare elemento.

- Evita dimensioni in em più piccole di un 1em per il testo del corpo(text body), ad eccezione forse delle indicazioni del copyright o per altre esigenze simili di "stampa sottile".

---

---

Warning: include(ads/text468x15.html): failed to open stream: No such file or directory in D:\inetpub\webs\fishscriptcom\documents\view_document.php on line 131

Warning: include(): Failed opening 'ads/text468x15.html' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\fishscriptcom\documents\view_document.php on line 131

Script
Trasformare il testo in miuscolo, minuscolo alcuni metodi di text-transform: uppercase, lowercase, capitalize  [Cascade Style Sheet] 
Testo intorno ad immagini wrapping a sinistra di immagine e testo  [Cascade Style Sheet] 
Bordo degli elementi Alcuni stili di bordo  [Cascade Style Sheet] 
Immagine di background gestire con CSS le immagini di background  [Cascade Style Sheet] 
Gestire interruzioni di pagina page-break  [Cascade Style Sheet] 
Style for <ul> Image as bullet, defining line-height  [Cascade Style Sheet] 
Blocco sinistra, destra, centro Disegnare 3 blocchi attraverso i fogli di stili  [Cascade Style Sheet] 

---

---