Come viene misurato Dimensione carattere?

May 12

Come viene misurato Dimensione carattere?


I font sono diversi modi di essere misurato in HTML. Ci sono dimensioni lunghezza specifica, valori assoluti predefiniti, i valori relativi e percentuali. Anche se è possibile impostare le dimensioni di un certo numero di modi diversi, la famiglia di font utilizzato di solito hanno un effetto sulla dimensione finale resa del testo nel browser. Altri fattori che possono entrare in gioco sarebbero cose come la dimensione del testo browser predefinito e dimensioni ereditato dal genitore elementi HTML.

Tipi di carattere Lunghezza relativa

I font modo più comune sono misurati sono di lunghezza font. Una lunghezza font può essere relativo o assoluto. Questo può essere un numero intero o decimale seguito da uno dei tipi di lunghezza font supportati.

Relativi tipi di lunghezza dei caratteri sono: "em" per lo SME, "ex" per x-altezza e "px" per pixel. Un esempio potrebbe essere "font-size: 1.2 em" per 1,2 volte la dimensione del carattere ereditato dell'elemento HTML. carattere lunghezze relative come "em" erediterà le dimensioni dei caratteri degli elementi HTML genitore in relazione al valore em.

Pixel dimensioni dei caratteri non sono relative ai loro elementi padre, ma sono relative alla risoluzione del display del monitor del computer.

Tipi lunghezza assoluta di carattere

tipi di lunghezza di carattere assoluto sono "pt" per i punti, "mm" per millimetri, "cm" per centimetri, "in" per i pollici e "PC" per pica. Un esempio potrebbe essere "font-size: 12 pt" per una dimensione di carattere dodici punti. le dimensioni dei caratteri assoluti sono basati sui formati fisici, ma possono ancora variare tra famiglie di font.

Absolute dimensioni carattere

le dimensioni dei caratteri assolute sono: "xx-small", "x-small", "piccolo", "medio", "grande", "x-large" e "xx-large". Queste sono tutte le dimensioni predefinite. "Medium" è la dimensione predefinita di elementi dimensione del carattere standard. Apportare modifiche dimensione del font relativa sarà o salire o scendere lungo questa lista dimensione del carattere.

Relative dimensioni carattere

le dimensioni dei caratteri relativi sono "più grande" o "piccolo". le dimensioni dei caratteri relativo sarà aumentare o diminuire la dimensione del carattere in relazione alla dimensione del font di default e le dimensioni dei caratteri ereditari. Ad esempio, se la dimensione ereditaria o font di default di un elemento è di medie dimensioni e la dimensione del carattere di tale elemento è impostato su "più grande", quindi la dimensione del carattere calcolata si tradurrà in una "grande" dimensione del carattere.

Percentuale Dimensione carattere

La dimensione del carattere percentuale è semplicemente una percentuale di dimensione ereditaria o font di default dell'elemento. Ad esempio, un "font-size: 90%" comporterebbe l'elemento di rendering al 90 percento della dimensione avrebbe senza dimensione carattere esplicitamente impostata.