I font hanno diversi modi di essere misurato in HTML. Ci sono dimensioni di lunghezza specifica, preimpostati i valori assoluti, valori relativi e percentuali. Anche se è possibile impostare dimensioni un numero di modi diversi, la famiglia di caratteri utilizzata solitamente avrà un effetto sulla dimensione di rendering finale del testo nel browser. Altri fattori che possono entrare in gioco sarebbero cose come la dimensione del testo di browser predefinito ed ereditato formati da elementi HTML padre.

Tipi di carattere relativa lunghezza

Il modo più comune di tipi di carattere vengono misurate sono di lunghezza del carattere. Una lunghezza di carattere può essere relativo o assoluto. Questo può essere un numero intero o decimale seguito da uno dei tipi di lunghezza di font supportati.

Tipi di carattere relativa lunghezza sono: "em" per ems, "ex" per altezza x e "px" per pixel. Un esempio potrebbe essere "font-size: 1.2 em" per 1,2 volte la dimensione del font ereditata dell'elemento HTML. Lunghezze di carattere relativa come "em" erediterà le dimensioni dei caratteri di elementi padre HTML in relazione al valore di em.

Dimensioni in pixel del carattere non sono relativi elementi padre, ma sono relativi la risoluzione dello schermo del monitor del computer.

Tipi di lunghezza di carattere assoluto

Tipi di lunghezza di carattere assoluto sono "pt" per punti, "mm" per millimetri, "cm" per i centimetri, "in" per pollici e "pc" per Pica. Un esempio potrebbe essere "font-size: 12 pt" per una dimensione del carattere di dodici punti. Dimensioni del carattere assoluta sono basate sulle dimensioni fisiche ma possono ancora variare tra famiglie di font.

Dimensioni del carattere assoluto

Dimensioni del carattere assoluta sono: "xx-small," "x-small," "piccolo", "medium," "grande", "x-large" e "xx-large." Queste sono tutte le dimensioni preimpostate. "Medium" è la dimensione predefinita di elementi di dimensione di carattere standard. Rendendo le modifiche di dimensione del carattere relativa sarà sia salire o scendere lungo questo elenco Dimensione carattere.

Dimensioni dei caratteri relativi

Dimensioni del carattere relativa sono "maggiore" o "minore". Dimensioni carattere relativa aumenta o diminuisce la dimensione del carattere in relazione alla dimensione predefinita del carattere e le dimensioni dei caratteri ereditati. Ad esempio, se l'ereditato o dimensione del carattere predefinito di un elemento è di medie dimensioni e la dimensione del carattere di tale elemento è impostato a "grandi", quindi la dimensione del carattere calcolato si tradurrà in una dimensione di carattere "grande".

Dimensione del carattere di percentuale

La dimensione del carattere di percentuale è semplicemente una percentuale dell'elemento di ereditato o dimensione del font di default. Ad esempio, una "dimensione del carattere: 90%" comporterebbe il rendering dell'elemento al 90 per cento delle dimensioni sarebbe senza qualsiasi dimensione di carattere esplicitamente impostato.