Ci sono pochi modi Web designer e gli sviluppatori possono controllare la dimensione e il tipo di carattere che esegue il rendering del contenuto di un sito Web, compreso l'uso di tag HyperText Markup Language (HTML) e Cascading Style Sheets (CSS). Tag HTML per il controllo del tipo di carattere sono caduti in disgrazia, tuttavia, come le versioni correnti di HTML deprezzarsi..--o non includono - tag font. Di conseguenza, CSS è diventato il più popolare modo di trattare con i tipi di carattere.

CSS

CSS definisce "stili" per la modalità di visualizzazione una pagina in un browser web a un utente. Questi stili includono i colori, immagini, layout e i caratteri che appaiono nella pagina Web. Nei primi giorni di utilizzo pubblico del Web, designer e sviluppatori utilizzati tag HTML per definire questi stili; Tuttavia, HTML è stato progettato per organizzare il contenuto di una pagina Web, non il suo design.

Inline versi foglio di stile

È possibile applicare stili CSS in due modi diversi: in linea, o nel codice effettivo di una pagina specifica, o come a.CSS file o foglio di stile che si applica a una pagina o un gruppo di pagine. Il vantaggio principale dell'utilizzo di un foglio di stile è che i cambiamenti possono essere "globali", o qualsiasi modifica desiderata ad uno stile di pagina Web può essere modificato in un unico luogo da visualizzare nelle pagine a cui è stato applicato il file. Tuttavia, incorporare uno stile CSS all'interno di una pagina Web consente un controllo più preciso come appare un elemento specifico, in particolare se tale elemento è diverso in qualche modo dal resto della pagina o pagine.

Proprietà CSS Font

CSS consente di controllare diversi fattori sull'aspetto di un tipo di carattere, tra cui lo stile del carattere (normale, corsivo o grassetto), varianti di carattere (maiuscoletto, per esempio), la famiglia di caratteri (il tipo di carattere desiderato o il tipo di carattere, ad esempio Times New Roman o sans serif) e la dimensione del carattere. La dimensione del carattere consente di controllare la dimensione assoluta o relativa dei tipi di carattere a tutti i livelli del contenuto, tra cui titoli (H1, H2, ecc) e il testo del paragrafo.

Esempio di misure di carattere

Se si vuole cambiare la dimensione del carattere di una sezione specifica del testo, si inserisce uno stile CSS in linea incorporato, intorno a quella sezione. Per esempio. Se avete il paragrafo che si desidera apparire a 20 pixel di dimensioni, che si inserisce un tag di stile con dimensione del carattere, quindi terminare il tag di cui si desidera ripristinare la dimensione del carattere precedente. Il codice sarebbe simile a questo:

< p stile = "font-size: 20px" > questo paragrafo che apparirebbe a 20 pixel. </p >