L'unità assoluta della tipografia, standardizzata come 1/72 di pollice

I punti misurano la dimensione del carattere, l'interlinea (leading) e altre dimensioni tipografiche. Un carattere di 12pt significa che la distanza dalla discendente più bassa all'ascendente più alta è di 12 punti (1/6 di pollice o 4,23 mm). Il sistema a punti fornisce misurazioni indipendenti dal dispositivo che si traducono in modo coerente su tutti i media.

Esempio: 12pt Times New Roman = 0,1667 pollici di altezza = 4,23 mm. Il corpo del testo professionale utilizza tipicamente 10-12pt, i titoli 18-72pt.

L'unità digitale che rappresenta un singolo punto su uno schermo o un'immagine

I pixel sono unità dipendenti dal dispositivo che variano in base alla densità dello schermo (DPI/PPI). Lo stesso numero di pixel appare più grande su schermi a bassa risoluzione (72 PPI) e più piccolo su schermi retina ad alta risoluzione (220+ PPI). La comprensione delle relazioni DPI/PPI è fondamentale per una tipografia coerente su tutti i dispositivi.

Esempio: 16px a 96 DPI = 12pt. Gli stessi 16px a 300 DPI (stampa) = 3,84pt. Specificare sempre il DPI di destinazione durante la conversione dei pixel.

Unità tipografica tradizionale pari a 12 punti o 1/6 di pollice

Le pica misurano la larghezza delle colonne, i margini e le dimensioni del layout di pagina nel design di stampa tradizionale. I software di desktop publishing come InDesign e QuarkXPress utilizzano le pica come unità di misura predefinita. Una pica è uguale esattamente a 12 punti, il che rende le conversioni semplici.

Esempio: Una colonna di giornale standard potrebbe essere larga 15 pica (2,5 pollici o 180 punti). I layout delle riviste utilizzano spesso misure di 30-40 pica.

1450–1737

La nascita della stampa a caratteri mobili creò la necessità di misurazioni standardizzate, ma i sistemi regionali rimasero incompatibili per secoli.

• 1450: La pressa da stampa di Gutenberg crea la necessità di dimensioni dei caratteri standardizzate
• 1500: Le dimensioni dei caratteri prendono il nome dalle edizioni della Bibbia (Cicero, Augustin, ecc.)
• 1600: Ogni regione europea sviluppa il proprio sistema a punti
• 1690: Il tipografo francese Fournier propone un sistema a 12 divisioni
• Primi sistemi: Estremamente incoerenti, con differenze di 0,01-0,02 mm tra le regioni

1737–1886

Lo stampatore francese François-Ambroise Didot creò il primo vero standard, adottato in tutta l'Europa continentale e ancora oggi utilizzato in Francia e Germania.

• 1737: Fournier propone un sistema a punti basato sul pollice reale francese
• 1770: François-Ambroise Didot perfeziona il sistema — 1 punto Didot = 0,376 mm
• 1785: Il Cicero (12 punti Didot) diventa la misura standard
• 1800: Il sistema Didot domina la stampa dell'Europa continentale
• Moderno: Ancora utilizzato in Francia, Germania, Belgio per la stampa tradizionale

1886–1984

Gli stampatori americani e britannici standardizzarono il sistema pica, definendo 1 punto come 0,013837 pollici (1/72,27 di pollice), dominando la tipografia in lingua inglese.

• 1886: L'American Type Founders stabilisce il sistema pica: 1 pt = 0,013837"
• 1898: Gli inglesi adottano lo standard americano, creando l'unità anglo-americana
• 1930-1970: Il sistema pica domina tutta la stampa in lingua inglese
• Differenza: Punto anglo-americano (0,351 mm) vs. Didot (0,376 mm) — 7% più grande
• Impatto: Richiedeva fusioni di caratteri separate per i mercati USA/Regno Unito rispetto a quelli europei

1984–Oggi

Lo standard PostScript di Adobe ha unificato la tipografia globale definendo 1 punto come esattamente 1/72 di pollice, ponendo fine a secoli di incompatibilità e consentendo la tipografia digitale.

• 1984: Adobe PostScript definisce 1 pt = esattamente 1/72 di pollice (0,3528 mm)
• 1985: L'Apple LaserWriter rende PostScript lo standard per l'editoria elettronica
• Anni '90: Il punto PostScript diventa lo standard globale, sostituendo i sistemi regionali
• Anni 2000: TrueType e OpenType adottano le misurazioni PostScript
• Moderno: Il punto PostScript è lo standard universale per tutto il design digitale

Stabilito nel 1770 da François-Ambroise Didot

Lo standard dell'Europa continentale, ancora utilizzato in Francia, Germania e parti dell'Europa orientale per la stampa tradizionale.

• 1 punto Didot = 0,376 mm (rispetto a PostScript 0,353 mm) — 6,5% più grande
• 1 Cicero = 12 punti Didot = 4,51 mm (paragonabile a una pica)
• Basato sul pollice reale francese (27,07 mm), fornendo una semplicità simile a quella metrica
• Ancora preferito nella stampa di libri d'arte e classica europea
• Uso moderno: Imprimerie nationale francese, tipografia Fraktur tedesca

Creato nel 1978 da Donald Knuth per la composizione tipografica al computer

Lo standard accademico per la pubblicazione matematica e scientifica, ottimizzato per una composizione digitale precisa.

• 1 punto TeX = 1/72,27 di pollice = 0,351 mm (corrisponde al vecchio punto anglo-americano)
• Scelto per preservare la compatibilità con le pubblicazioni accademiche pre-digitali
• 1 pica TeX = 12 punti TeX (leggermente più piccola di una pica PostScript)
• Utilizzato da LaTeX, il sistema di pubblicazione scientifica dominante
• Critico per: Articoli accademici, testi matematici, riviste di fisica

Tipografia di Microsoft Word e Windows

L'unità di misura interna per i word processor, che fornisce un controllo granulare per il layout dei documenti digitali.

• 1 twip = 1/20 di punto = 1/1440 di pollice = 0,0176 mm
• Nome: 'Ventesimo di Punto' — misurazione estremamente precisa
• Utilizzato internamente da: Microsoft Word, Excel, PowerPoint, Windows GDI
• Consente dimensioni di punto frazionarie senza calcoli in virgola mobile
• 20 twip = 1 punto, consentendo una precisione di 0,05pt per la composizione tipografica professionale

Standard del 1886 dell'American Type Founders

Lo standard pre-digitale per la stampa in lingua inglese, leggermente diverso da PostScript.

• 1 punto dello stampatore = 0,013837 pollici = 0,351 mm
• Equivale a 1/72,27 di pollice (rispetto a PostScript 1/72) — 0,4% più piccolo
• Pica = 0,166 pollici (rispetto a PostScript 0,16667) — una differenza appena percettibile
• Ha dominato dal 1886 al 1984 prima dell'unificazione di PostScript
• Impatto storico: Alcune tipografie tradizionali fanno ancora riferimento a questo sistema

La parola 'font' (carattere) deriva dal francese 'fonte' che significa 'fuso' o 'sciolto'—in riferimento al metallo fuso versato in stampi per creare singoli pezzi di caratteri metallici nella stampa a caratteri mobili tradizionale.

PostScript ha scelto 72 punti per pollice perché 72 è divisibile per 2, 3, 4, 6, 8, 9, 12, 18, 24 e 36—facilitando i calcoli. Inoltre, corrispondeva molto da vicino al sistema pica tradizionale (72,27 punti/pollice).

Bauer Bodoni costa 89.900 dollari per la famiglia completa—uno dei caratteri commerciali più costosi mai venduti. Il suo design ha richiesto anni di lavoro per essere digitalizzato da esemplari originali di caratteri metallici degli anni '20.

Nonostante l'odio dei designer, Comic Sans aumenta la velocità di lettura per i lettori dislessici del 10-15% grazie a forme di lettere irregolari che prevengono la confusione dei caratteri. In realtà è un prezioso strumento di accessibilità.

Il simbolo '@' ha nomi diversi in lingue diverse: 'chiocciola' (italiano), 'coda di scimmia' (olandese), 'topolino' (cinese) e 'aringa sott'aceto arrotolata' (ceco)—ma è lo stesso carattere da 24pt.

Apple ha scelto 72 DPI per i Mac originali per farli corrispondere esattamente ai punti PostScript (1 pixel = 1 punto), rendendo possibile per la prima volta l'editoria elettronica WYSIWYG nel 1984. Questo ha rivoluzionato il design grafico.

Gutenberg inventa la stampa a caratteri mobili—la prima necessità di standard di misurazione dei caratteri

François-Ambroise Didot crea il sistema a punti Didot (0,376 mm)

L'American Type Founders standardizza il sistema pica (1 pt = 1/72,27 di pollice)

Donald Knuth crea il sistema a punti TeX per la composizione tipografica accademica

Adobe PostScript definisce 1 pt = esattamente 1/72 di pollice—unificazione globale

L'Apple LaserWriter porta PostScript nell'editoria elettronica

Il formato di carattere TrueType standardizza la tipografia digitale

Il CSS introduce la tipografia web con misurazioni basate sui pixel

L'iPhone introduce i display retina @2x—design indipendente dalla densità

Android viene lanciato con i dp (pixel indipendenti dalla densità)

I caratteri web (WOFF) consentono una tipografia personalizzata online

Specifica dei caratteri variabili—un unico file, stili infiniti

96 DPI (96 pixel per pollice)

Microsoft ha standardizzato 96 DPI in Windows 95, creando un rapporto 4:3 tra pixel e punti. Questo rimane il valore predefinito per la maggior parte degli schermi dei PC.

• 1 px a 96 DPI = 0,75 pt (4 pixel = 3 punti)
• 16 px = 12 pt — conversione comune delle dimensioni del corpo del testo
• Storia: Scelto come 1,5 volte lo standard CGA originale di 64 DPI
• Moderno: I display ad alta densità di pixel utilizzano uno scaling del 125%, 150%, 200% (120, 144, 192 DPI)
• Predefinito web: Il CSS presume 96 DPI per tutte le conversioni da px a unità fisiche

72 DPI (legacy), 220 PPI (@2x Retina)

Il 72 DPI originale di Apple corrispondeva ai punti PostScript 1:1. I moderni display Retina utilizzano uno scaling @2x/@3x per un rendering nitido.

• Legacy: 1 px a 72 DPI = 1 pt esattamente (corrispondenza perfetta)
• Retina @2x: 2 pixel fisici per punto, 220 PPI effettivi
• Retina @3x: 3 pixel fisici per punto, 330 PPI (iPhone)
• Vantaggio: Le dimensioni in punti corrispondono tra lo schermo e l'anteprima di stampa
• Realtà: Il Retina fisico è a 220 PPI ma viene scalato per apparire come 110 PPI (2×)

160 DPI (pixel indipendente dalla densità)

Il sistema dp (pixel indipendenti dalla densità) di Android si normalizza su una base di 160 DPI, con categorie di densità per schermi diversi.

• 1 dp a 160 DPI = 0,45 pt (160 pixel/pollice ÷ 72 punti/pollice)
• Categorie di densità: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• Formula: pixel fisici = dp × (DPI dello schermo / 160)
• 16sp (pixel indipendente dalla scala) = dimensione minima del testo consigliata
• Vantaggio: Lo stesso valore dp appare fisicamente identico su tutti i dispositivi Android

72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)

iOS utilizza il punto come unità logica identica ai punti PostScript, con il numero di pixel fisici che dipende dalla generazione dello schermo (non-retina @1x, retina @2x, super-retina @3x).

• 1 punto iOS a @1x = 1,0 punto PostScript (base 72 DPI, come PostScript)
• Retina @2x: 2 pixel fisici per punto iOS (144 DPI)
• Super Retina @3x: 3 pixel fisici per punto iOS (216 DPI)
• Tutti i design iOS utilizzano i punti; il sistema gestisce automaticamente la densità dei pixel
• 17pt = dimensione minima del corpo del testo consigliata (accessibilità)

Risoluzione della stampante — quanti punti di inchiostro entrano in un pollice

Il DPI misura la risoluzione di output della stampante. Un DPI più alto produce testo e immagini più uniformi posizionando più punti di inchiostro per pollice.

• 300 DPI: Standard per la stampa professionale (riviste, libri)
• 600 DPI: Stampa laser di alta qualità (documenti aziendali)
• 1200-2400 DPI: Stampa fotografica professionale e riproduzione di opere d'arte
• 72 DPI: Solo per anteprima su schermo — inaccettabile per la stampa (aspetto frastagliato)
• 150 DPI: Stampa di bozze o poster di grande formato (visti da lontano)

Risoluzione dello schermo — quanti pixel entrano in un pollice di display

Il PPI misura la densità del display. Un PPI più alto crea un testo su schermo più nitido stipando più pixel nello stesso spazio fisico.

• 72 PPI: Display Mac originali (1 pixel = 1 punto)
• 96 PPI: Display Windows standard (1,33 pixel per punto)
• 110-120 PPI: Monitor economici per laptop/desktop
• 220 PPI: MacBook Retina, iPad Pro (densità di pixel 2×)
• 326-458 PPI: iPhone Retina/Super Retina (densità di pixel 3×)
• 400-600 PPI: Telefoni Android di fascia alta (Samsung, Google Pixel)

La stampa utilizza unità assolute (punti, pica) perché la dimensione dell'output fisico deve essere esatta e indipendente dal dispositivo.

• Corpo del testo: 10-12pt per libri, 9-11pt per riviste
• Titoli: 18-72pt a seconda della gerarchia e del formato
• Interlinea (leading): 120% della dimensione del carattere (testo di 12pt = interlinea di 14,4pt)
• Misurare le dimensioni assolute in pica: 'Larghezza colonna: 25 pica'
• Progettare sempre a 300 DPI per la stampa professionale
• Non usare mai i pixel per la stampa — convertirli in punti/pica/pollici

La tipografia web utilizza pixel e unità relative perché gli schermi variano per dimensioni e densità.

• Corpo del testo: 16px predefinito (standard del browser) = 12pt a 96 DPI
• Non usare mai punti assoluti in CSS — i browser li renderizzano in modo imprevedibile
• Design reattivo: Usare rem (relativo al carattere radice) per la scalabilità
• Testo minimo: 14px per il corpo, 12px per le didascalie (accessibilità)
• Altezza della linea: 1,5 (senza unità) per la leggibilità del corpo del testo
• Media query: Progettare per 320px (mobile) fino a 1920px+ (desktop)

Le piattaforme mobili utilizzano unità indipendenti dalla densità (dp/pt) per garantire una dimensione fisica coerente su diverse densità di schermo.

• iOS: Progettare in punti (pt), il sistema scala automaticamente a @2x/@3x
• Android: Usare dp (pixel indipendenti dalla densità) per i layout, sp per il testo
• Obiettivo tattile minimo: 44pt (iOS) o 48dp (Android) per l'accessibilità
• Corpo del testo: 16sp (Android) o 17pt (iOS) minimo
• Non usare mai pixel fisici — usare sempre unità logiche (dp/pt)
• Testare su più densità: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

L'editoria accademica utilizza i punti TeX per la precisione matematica e la compatibilità con la letteratura esistente.

• LaTeX utilizza i punti TeX (72,27 per pollice) per la compatibilità con il passato
• Rivista standard: carattere Computer Modern da 10pt
• Formato a due colonne: colonne da 3,33 pollici (240pt) con una grondaia da 0,25 pollici (18pt)
• Equazioni: La dimensione precisa dei punti è fondamentale per la notazione matematica
• Convertire con attenzione: 1 pt TeX = 0,9963 pt PostScript
• Output PDF: TeX gestisce automaticamente le conversioni del sistema a punti

• Lavorare sempre in punti o pica — mai in pixel per la stampa
• Impostare i documenti alla dimensione effettiva (300 DPI) fin dall'inizio
• Utilizzare 10-12pt per il corpo del testo; qualsiasi cosa più piccola riduce la leggibilità
• L'interlinea dovrebbe essere del 120-145% della dimensione del carattere per una lettura confortevole
• Margini: Minimo 0,5 pollici (36pt) per la rilegatura e la gestione
• Fare una prova di stampa a dimensione reale prima di inviare a uno stampatore commerciale

• Utilizzare rem per le dimensioni dei caratteri — consente all'utente di zoomare senza rompere il layout
• Impostare il carattere radice a 16px (predefinito del browser) — mai più piccolo
• Utilizzare valori di altezza della linea senza unità (1.5) anziché altezze fisse
• Non usare mai dimensioni di punto assolute in CSS — rendering imprevedibile
• Testare su dispositivi reali, non solo ridimensionando il browser — il DPI è importante
• Dimensione minima del carattere: 14px per il corpo, 12px per le didascalie, 44px per gli obiettivi tattili

• iOS: Progettare a @1x, esportare automaticamente le risorse @2x e @3x
• Android: Progettare in dp, testare su mdpi/hdpi/xhdpi/xxhdpi
• Testo minimo: 17pt (iOS) o 16sp (Android) per l'accessibilità
• Obiettivi tattili: 44pt (iOS) o 48dp (Android) minimo
• Testare su dispositivi fisici — i simulatori non mostrano la vera densità
• Utilizzare i caratteri di sistema quando possibile — sono ottimizzati per la piattaforma

• Corpo del testo minimo: 16px (web), 17pt (iOS), 16sp (Android)
• Alto contrasto: 4.5:1 per il corpo del testo, 3:1 per il testo grande (18pt+)
• Supportare lo scaling dell'utente: utilizzare unità relative, non dimensioni fisse
• Lunghezza della riga: 45-75 caratteri per riga per una leggibilità ottimale
• Altezza della linea: minimo 1,5 volte la dimensione del carattere per l'accessibilità alla dislessia
• Testare con lettori di schermo e zoom al 200%

Photoshop presume 72 PPI per la visualizzazione su schermo, mentre Word utilizza 96 DPI (Windows) per il layout. Un carattere di 12pt in Photoshop appare il 33% più grande sullo schermo rispetto a Word, anche se entrambi vengono stampati con dimensioni identiche. Imposta Photoshop a 300 PPI per i lavori di stampa per vedere le dimensioni corrette.

Sempre in pixel (o unità relative come rem/em) per il web. I punti sono unità fisiche assolute che vengono renderizzate in modo incoerente su browser e dispositivi diversi. 12pt potrebbe essere 16px su un dispositivo e 20px su un altro. Utilizzare px/rem per una tipografia web prevedibile.

pt = fisico assoluto (1/72 di pollice), px = pixel dello schermo (varia con il DPI), dp = indipendente dalla densità di Android (normalizzato a 160 DPI). Utilizzare pt per la stampa, px per il web, dp per Android, pt logico di iOS per iOS. Ogni sistema è ottimizzato per la sua piattaforma.

Le applicazioni interpretano i punti in modo diverso in base alla loro ipotesi di DPI. Word utilizza 96 DPI, Photoshop per impostazione predefinita è a 72 PPI, InDesign utilizza la risoluzione effettiva del dispositivo. 12pt è sempre 1/6 di pollice quando viene stampato, ma appare di dimensioni diverse sullo schermo a causa delle impostazioni DPI.

Moltiplicare i punti TeX per 0,9963 per ottenere i punti PostScript (1 punto TeX = 1/72,27 di pollice vs. PostScript 1/72 di pollice). La differenza è minima—solo lo 0,37%—ma è importante per l'editoria accademica dove la spaziatura esatta è fondamentale per la notazione matematica.

Stampa: minimo 300 DPI, 600 DPI per alta qualità. Web: Progettare a 96 DPI, fornire risorse @2x per retina. Mobile: Progettare a @1x in unità logiche (pt/dp), esportare @2x/@3x. Non progettare mai a 72 DPI a meno che non si stia puntando a vecchi schermi Mac.

La dimensione del carattere predefinita del browser è 16px (equivalente a 12pt a 96 DPI), scelta per una leggibilità ottimale a distanze di visualizzazione tipiche (18-24 pollici). Qualsiasi cosa più piccola riduce la leggibilità, specialmente per gli utenti più anziani. Utilizzare sempre 16px come base per il dimensionamento relativo.

Solo se si lavora con la stampa tradizionale europea, editori francesi o riproduzioni storiche. I punti Didot (0,376 mm) sono il 6,5% più grandi dei punti PostScript. Il design digitale moderno utilizza universalmente i punti PostScript—Didot è principalmente rilevante per la tipografia classica e i libri d'arte.