Se siete nuovi a progettare pagine Web con HTML e CSS, non si può capire la quantità di controllo sopra il formato di testo, i progettisti hanno confrontato con quello che era disponibile alla nascita del Web. Infatti, le scelte disponibili per font di dimensioni quasi possono confondere. Una varietà di modi sono disponibili per controllare la dimensione dei tipi di carattere visualizzati in una pagina Web. Questo è più spesso fatto usando i CSS (Cascading Style Sheets) piuttosto che il vecchio metodo di digitazione ogni stile in ogni riga di testo nel file HTML (Hyper Text Markup Language).
Codice formato con i CSS
Quando si utilizza CSS, è possibile definire le dimensioni dei caratteri molto specifici e applicarli a gruppi di testo, che si designa con tag. È possibile creare un file CSS esterno e collegarlo al file HTML che contiene il contenuto della tua pagina, oppure è possibile includere codici interni di stile CSS nella sezione head del file HTML. Indipendentemente dal metodo che si preferisce, il codice di base per impostare la dimensione del carattere è simile a questo:
H1 {font-size: 40px;}
Ciò significa che qualsiasi testo che viene designata come "h1" nel file HTML avrà una dimensione di 40 pixel. Se avete problemi con la dimensione del testo che appare questa dimensione, assicurarsi che il tag viene aperto e chiuso con parentesi graffe. Controllare inoltre che il valore termina con un punto e virgola, e che non è spazio tra il valore numerale e "px".
Tag di tipo standard
Solitamente una finestra di progettazione utilizza i tag di intestazione per impostare le dimensioni dei caratteri diverse che può aver bisogno in tutto il sito. Tradizionalmente questi tag iniziano con < h1 >, che è la più grande dimensione del carattere trovato nella pagina verso il basso per < h6 >, che può essere molto piccola testo trovato in un piè di pagina. Il tag < p > definisce corpo tipico del testo che appare in paragrafi. È possibile impostare tutte queste dimensioni individuali nel foglio di stile CSS, quindi racchiudere il testo scritto nel codice HTML con il tag.
Utilizzando i valori assoluti
È possibile impostare la dimensione del carattere in valore assoluto, come pixel, millimetri o pollici, come nell'esempio seguente:
p {font-size: 14pt;}
Questo imposta la dimensione del carattere per tutto il testo all'interno del tag < p > come 14 punti. Questo è un esempio di ridimensionamento assoluto, in cui la dimensione del testo rimane una dimensione fissa. Alcuni browser consentono di modificare questa dimensione, che è utile per quelle con disabilità visive che hanno bisogno di aumentare la dimensione del testo per leggerlo. Tuttavia, Internet Explorer non consentono di aumentare la dimensione con questa codifica.
Utilizzando valori relativi
Molti designer utilizzano valori relativi per modificare le dimensioni dei caratteri. Questo imposta la dimensione del testo rispetto agli altri elementi e consente di modificare la dimensione in tutti i browser. Valori relativi includono pixel, percentuali ed ems. EMS sono l'unità raccomandato dal World Wide Web Consortium (W3C). Una misura di 1 em equivale alla dimensione predefinita di un tipo di carattere in un browser web, che è di 16 pixel. È possibile specificare le dimensioni dei caratteri in ems con il codice riportato di seguito:
H2 {font-size: 1.875em;}
A causa di continui problemi di compatibilità in Internet Explorer, il W3C raccomanda una combinazione di percentuali ed ems per garantire come standard una visualizzazione esperienza possibile su tutti i browser. Ci hanno consigliato il codice seguente per impostare una dimensione di carattere di dimensioni standard:
Body {font-size: 100%;}
e quindi specificare i vostri vari intestazione e paragrafo formati basati fuori che:
H1 {font-size: 2.25em;}
p {font-size: 0.8 em;}