Convertitore di Dimensioni del Font
Converti una dimensione del font tra punti, pixel, em, rem, percentuale, millimetri, pollici e pica. Il convertitore segue le definizioni CSS — 96 pixel e 72 punti per pollice — e ti permette di impostare le dimensioni di root ed elemento padre da cui dipendono em, rem e %.
I browser partono da 16 px. Cambiali se il tuo foglio di stile imposta un'altra dimensione sull'elemento html o sull'elemento padre.
12 pt in ogni unità
| Unità | Dimensione | CSS | Copia |
|---|---|---|---|
| Punti (pt) | 12 | 12pt | |
| Pixel (px) | 16 | 16px | |
| em | 1 | 1em | |
| rem | 1 | 1rem | |
| Percentuale (%) | 100 | 100% | |
| Millimetri (mm) | 4,2333 | 4.2333mm | |
| Centimetri (cm) | 0,4233 | 0.4233cm | |
| Pollici (in) | 0,1667 | 0.1667in | |
| Pica (pc) | 1 | 1pc |
Calcolo
- 12 pt × 96 ÷ 72 = 16 px
- 16 px ÷ 16 px = 1 em
- 16 px ÷ 16 px = 1 rem
- 16 px × 25,4 ÷ 96 = 4,2333 mm
Word su Windows e Google Docs misurano il testo in punti e considerano un pollice pari a 96 pixel, quindi con zoom al 100% un testo da 12 punti appare delle stesse dimensioni di un testo da 16 px in un browser.
Dimensioni comuni in punti
em, rem e % usano le dimensioni di root ed elemento padre indicate sopra.
| Punti | Pixel | em | rem | % | mm |
|---|---|---|---|---|---|
| 6 | 8 | 0,5 | 0,5 | 50 | 2,12 |
| 7 | 9,33 | 0,583 | 0,583 | 58,3 | 2,47 |
| 8 | 10,67 | 0,667 | 0,667 | 66,7 | 2,82 |
| 9 | 12 | 0,75 | 0,75 | 75 | 3,18 |
| 10 | 13,33 | 0,833 | 0,833 | 83,3 | 3,53 |
| 10,5 | 14 | 0,875 | 0,875 | 87,5 | 3,7 |
| 11 | 14,67 | 0,917 | 0,917 | 91,7 | 3,88 |
| 12 | 16 | 1 | 1 | 100 | 4,23 |
| 14 | 18,67 | 1,167 | 1,167 | 116,7 | 4,94 |
| 16 | 21,33 | 1,333 | 1,333 | 133,3 | 5,64 |
| 18 | 24 | 1,5 | 1,5 | 150 | 6,35 |
| 20 | 26,67 | 1,667 | 1,667 | 166,7 | 7,06 |
| 22 | 29,33 | 1,833 | 1,833 | 183,3 | 7,76 |
| 24 | 32 | 2 | 2 | 200 | 8,47 |
| 28 | 37,33 | 2,333 | 2,333 | 233,3 | 9,88 |
| 32 | 42,67 | 2,667 | 2,667 | 266,7 | 11,29 |
| 36 | 48 | 3 | 3 | 300 | 12,7 |
| 48 | 64 | 4 | 4 | 400 | 16,93 |
| 72 | 96 | 6 | 6 | 600 | 25,4 |
Come usare il convertitore di dimensioni del font
- 1. Inserisci una dimensione e la sua unità. Scrivi 12 e scegli punti, oppure 24 e scegli pixel — qualsiasi delle nove unità può essere il punto di partenza.
- 2. Imposta le dimensioni di riferimento, se ti servono. rem si misura rispetto alla dimensione del font di root (
html), em e % rispetto a quella dell'elemento padre. Entrambe partono da 16 px, il valore predefinito del browser. - 3. Leggi la dimensione in ogni unità. Ogni riga riporta il valore e il CSS da incollare, con un pulsante di copia; il calcolo mostra ogni conversione passando dai pixel.
- 4. Controlla la tabella delle dimensioni comuni. Sono elencate le dimensioni in punti di un menu di elaborazione testi, da 6 a 72, con i relativi equivalenti in pixel, em, rem, percentuale e millimetri.
Le regole di conversione
Il CSS fissa le unità fisiche l'una rispetto all'altra: un pollice vale 96 pixel, 72 punti, 6 pica o 25,4 millimetri. Un punto vale quindi esattamente 4/3 di un pixel. Le unità relative richiedono un numero in più — la dimensione del font a cui sono riferite.
| Unità | In pixel | Da pixel |
|---|---|---|
| Punti (pt) | px = pt × 96 ÷ 72 | pt = px × 72 ÷ 96 |
| Pica (pc) | px = pc × 16 | pc = px ÷ 16 |
| Millimetri (mm) | px = mm × 96 ÷ 25,4 | mm = px × 25,4 ÷ 96 |
| Pollici (in) | px = in × 96 | in = px ÷ 96 |
| em | px = em × dimensione dell'elemento padre | em = px ÷ dimensione dell'elemento padre |
| rem | px = rem × dimensione di root | rem = px ÷ dimensione di root |
| Percentuale (%) | px = % × dimensione dell'elemento padre ÷ 100 | % = px ÷ dimensione dell'elemento padre × 100 |
Le dimensioni di root ed elemento padre sono in pixel; entrambe valgono 16 px, salvo che un foglio di stile le cambi.
Con i valori predefiniti, 12 pt valgono 12 × 96 ÷ 72 = 16 px. Poi 16 ÷ 16 dà 1 em, 1 rem e 100%, e 16 × 25,4 ÷ 96 dà 4,2333 mm. Se imposti la dimensione dell'elemento padre a 20 px, gli stessi 16 px diventano 0,8 em e 80% — ma restano 1 rem, perché rem ignora l'elemento padre.
Perché 12 pt equivalgono a 16 px
Un punto è 1/72 di pollice e un pixel CSS è 1/96 di pollice, quindi 12 punti sono 12/72 = 1/6 di pollice, che corrispondono a 96 ÷ 6 = 16 pixel. Anche Word su Windows e Google Docs considerano un pollice pari a 96 pixel sullo schermo, quindi con zoom al 100% un testo da 12 punti appare delle stesse dimensioni di un testo da 16 px in un browser — e 16 px è la dimensione che i browser usano per il testo a cui nessun foglio di stile ha assegnato una misura.
Un pixel CSS non corrisponde necessariamente a un punto del tuo schermo. Su un display ad alta densità un pixel CSS copre più pixel fisici, e il browser scala tutte le unità insieme, quindi i rapporti sopra valgono sempre. LaTeX è l'unica eccezione comune al pollice da 72 punti: il suo pt è il punto tipografico, 72,27 per pollice, quindi un 12pt di LaTeX è circa lo 0,4% più piccolo di 12 pt in Word o nel CSS. Il bp di TeX («big point») è il punto da 72 per pollice usato da questo convertitore.
Dimensioni del font per gli elaborati accademici
Le guide di stile fissano le dimensioni dei caratteri in punti, quindi il font di un elaborato non va mai convertito — ma è utile sapere che cosa chiede davvero ciascuna guida:
- APA 7 indica coppie di font e dimensione anziché una sola misura: 11 punti Calibri, 11 punti Arial, 10 punti Lucida Sans Unicode, 12 punti Times New Roman, 11 punti Georgia o 10 punti Computer Modern.
- MLA 9 chiede un carattere facilmente leggibile il cui corsivo contrasti con il tondo, con un corpo compreso tra 11 e 13 punti, salvo diversa indicazione del docente.
- Turabian (lo stile Chicago per gli studenti): la scheda ufficiale suggerisce Times New Roman o Calibri a 12 punti, oppure Arial a 11 punti.
I font appaiono diversi alla stessa dimensione in punti — Arial sembra più grande di Times New Roman — ed è per questo che APA abbina a ogni font la sua dimensione. Per margini, interlinea, intestazioni e il resto della pagina, consulta Come formattare un elaborato accademico in APA, MLA e Chicago.
Domande frequenti
- Quanti pixel sono 12 pt?
- 16 pixel. Il CSS definisce un pollice come 96 pixel e come 72 punti, quindi un punto vale 4/3 di pixel e 12 × 4/3 = 16. La stessa regola porta 10 pt a 13,33 px, 11 pt a 14,67 px e 14 pt a 18,67 px.
- Come si converte px in rem?
- Dividi per la dimensione del font di root. Con il valore predefinito di 16 px, 24 px sono 24 ÷ 16 = 1.5rem e 14 px sono 0.875rem. Se il tuo foglio di stile assegna all'elemento
htmlun'altra dimensione, inseriscila come dimensione di root e il convertitore userà quella. - Qual è la differenza tra em e rem?
- Entrambe sono relative a una dimensione del font, ma a una diversa. rem si riferisce sempre all'elemento root (
html), quindi 1.5rem è la stessa dimensione in tutta la pagina. em si riferisce all'elemento padre, quindi 1.5em dentro un riquadro il cui testo è già 1.5em risulta 2,25 volte la dimensione di root — em si somma a sé stesso, rem no. - 1em vale sempre 16px?
- Solo per impostazione predefinita. 1em equivale alla dimensione del font dell'elemento padre e 1rem a quella di root, e i browser partono entrambi da 16 px. Un lettore che aumenta la dimensione del testo predefinita nelle impostazioni del browser cambia quel punto di partenza: per questo il testo dimensionato in rem o em segue la sua scelta, mentre quello in px no.
- Quanto misurano 12 pt in millimetri?
- 12 punti sono 1/6 di pollice, cioè circa 4,23 mm. È la dimensione del riquadro em del font, lo spazio di disegno in cui è tracciata ogni lettera, non l'altezza di una lettera maiuscola, che nei comuni font di testo è circa due terzi di quel riquadro.
- Perché la stessa dimensione in punti sembra più grande in alcuni font?
- La dimensione in punti stabilisce il riquadro em, non le lettere visibili. I font disegnano le loro lettere in proporzioni diverse all'interno di quel riquadro — Arial ha le minuscole più alte di Times New Roman — quindi l'Arial a 12 punti sembra più grande. È per questo che APA 7 abbina l'Arial a 11 punti con il Times New Roman a 12 punti, invece di dare una sola dimensione per ogni font.