Se siete nuovi alla progettazione di pagine web con HTML e CSS , non si può capire la quantità di designer di controllo hanno oltre la dimensione del testo , rispetto a quello che era disponibile al momento della nascita del web. In realtà, le scelte disponibili per le dimensioni dei caratteri possono quasi essere fonte di confusione . Una varietà di modi sono disponibili per controllare la dimensione dei caratteri visualizzati in una pagina web . Questo è più spesso fatto usando il vecchio metodo di digitazione ogni stile in ogni riga di testo nel file HTML ( Hyper Text Markup Language ) CSS ( Cascading Style Sheets) , piuttosto che . Formato codice con i CSS

Quando si utilizzano i CSS , è possibile definire le dimensioni molto specifici per i font e applicarli ai gruppi di testo, che si designa con i tag . È possibile creare un file CSS esterno e collegarlo al file HTML che contiene il contenuto della pagina, oppure è possibile includere i codici di stile CSS interni nella testa del file HTML . Qualunque sia il metodo che preferite , il codice di base per impostare la dimensione del carattere è simile al seguente :

h1 { font-size : 40px ; }

Questo significa che qualsiasi testo si designa come "H1" in il file HTML avrà una dimensione di 40 pixel . Se avete problemi con la dimensione del testo visualizzato questo formato , assicurarsi che il tag viene aperto e chiuso con parentesi graffe. Verificare inoltre che il valore termina con un punto e virgola , e che non c'è spazio tra il valore numerale e " px ".
Standard tipo Tags

solito un designer usa i tag di intestazione per impostare le dimensioni dei caratteri diverse può aver bisogno in tutto il sito . Tradizionalmente questi tag iniziano con

, che è la più grande dimensione dei caratteri sulla pagina , in basso a

, che può essere molto piccolo testo trovato in un piè di pagina. Il tag

definisce testo tipico corpo che appare in paragrafi. È possibile impostare tutte queste singole dimensioni del foglio di stile CSS , quindi allegare il testo scritto nel tuo codice HTML con i tag.
Utilizzo di valori assoluti

può impostare la dimensione del carattere in un valore assoluto , come pixel , millimetri o pollici, come nel seguente esempio :

p { font-size : 14pt ; }

Questo imposta la dimensione del carattere per tutto il testo all'interno del tag

come 14 punti . Questo è un esempio di dimensionamento assoluta , in cui la dimensione del testo rimane una dimensione fissa . Alcuni browser consentono di modificare questa dimensione , che è utile per le persone con disabilità visive che hanno bisogno di aumentare la dimensione del testo per leggerlo. Tuttavia, Internet Explorer non permette di aumentare le dimensioni di questa codifica .
Utilizzando valori relativi

Molti designer usano valori relativi a cambiare le dimensioni dei caratteri . Questo imposta la dimensione del testo rispetto agli altri elementi e consente di modificare le dimensioni in tutti i browser . Valori relativi includono pixel , percentuali e lo SME . SME è l'unità raccomandato dal World Wide Web Consortium (W3C ) . Una misura di 1 em equivale alla dimensione predefinita di un font in un browser web , che è di 16 pixel . È possibile specificare le dimensioni dei caratteri in em con il seguente codice :

h2 { font-size : 1.875em ; }

A causa di problemi in corso con la compatibilità in Internet Explorer , il W3C raccomanda una combinazione di percentuali e eMS per garantire come standard una esperienza di visione possibile in tutti i browser . Si consiglia il seguente codice per impostare una dimensione dimensione font standard :
corpo

{ font-size : 100 % ; }

e quindi specificare il vostro vario titolo e formati di paragrafo in base al largo di che: < br

h1 > { font-size : 2.25em ; }

p { font-size : 0.8em ; }