In cosa si traduce esattamente la dimensione del carattere?

Questa è unottima domanda, che ha una risposta piuttosto insoddisfacente.

Il la dimensione del tipo, sia specificata in pixel, punti (1/72 “) o millimetri, è laltezza di un quadrato em, un riquadro invisibile che in genere è leggermente più grande della distanza dal discendente più alto al discendente più basso.

Dato che questa è una misura alquanto arbitraria che

• dipende dallesatto design tecnico del carattere
• non può essere misurata con precisione da un o campione rasterizzato

non è molto significativo o utile, se non come approssimazione.

Nel tuo caso, individua la dimensione che devi specificare in Photoshop per abbinare il rendering del browser tramite sperimentazione. Dovresti trovare che questo sia un rapporto costante per qualsiasi carattere, ma non mi aspetto che questo sia il caso se cambi browser o sistema operativo.

Ora ASCII! Immagina che le due caselle sottostanti siano pezzi di piombo del 1900 circa. A quei tempi, i caratteri tipografici erano fusi in piombo (o instradati nel legno). Affinché il tipo fosse impostato in una stampa lock-up, dovevano essere collegati a blocchi pieni. Da qui deriva la dimensione del tipo (in punti):

+--------------+ +-------------+ <----+ | | | | | | XX | | | | | X X | | | | | XX XX | | | | | XX XX | | X | | XXXXXX | | X X | Point size of the type | XX XX | | XXX | | XX XX | | X X | | | XX XX | | X X | | | XX XX | | | | | | | | | +--------------+ +-------------+ <----+ 

Nota i due le lettere sopra hanno dimensioni diverse, ma il loro riquadro di delimitazione è lo stesso. Pertanto, in termini di punti, entrambi i caratteri hanno la stessa dimensione.

Al giorno doggi, non facciamo molto testo in piombo e legno e la maggior parte è digitale. Tuttavia, il concetto di dimensionamento in punti esiste ancora in quanto esiste una scatola virtuale della stessa altezza per ogni lettera su cui è posizionato il tipo. Ancora una volta, è questa scatola virtuale che definisce la dimensione in punti piuttosto che le misurazioni fisiche delle forme delle lettere stesse. Le dimensioni effettive delle forme delle lettere sono spesso inferiori alla dimensione dei punti (ma possono anche essere più grandi).

La misurazione del tipo in pixel non funziona per questo motivo, tuttavia, puoi “impostare” il tipo in pixel in CSS e simili. Il browser esegue una traduzione come meglio può tra le dimensioni in px dichiarate. Ma è sempre una stima sfocata.

In definitiva, non esiste un modo preciso per ottenere due caratteri tipografici esattamente della stessa dimensione se non guardarli visivamente e cambiare la dimensione di ciascuno finché non li vedi come essendo la stessa dimensione.

Commenti

• Nel tuo computer calcoli da Punti a Pixel in questo modo PX = Punti * SystemDPI / 72. DPI in un mondo video (monitor) è un puro valore arbitrario introdotto da Apple nel 1984. I dispositivi video utilizzano solo pixel; DPI non ‘ non esiste nel mondo dei video / immagini. I caratteri moderni si basano su questo concetto in cui 1 punto, 1/72 è definito come 1/72 di pollice.
• @AbdiasSoftware Sì, 1 punto è stato calcolato in media a 1/72 di pollice e il primo Il Mac aveva uno schermo da 72 ppi. Ma non sono sicuro di cosa abbia a che fare con la domanda posta o la risposta che ho dato. Resta il fatto che i caratteri, siano essi digitali o analogici, hanno un riquadro di delimitazione e quel riquadro di delimitazione è ciò a cui si riferisce la dimensione.

La “dimensione del carattere” di un carattere si riferisce al carattere “s” altezza em “, che non è necessariamente uguale allaltezza di caratteri particolari nel carattere.

Solitamente laltezza em di un carattere aderisce alla stessa idea di base: “sarà impostata approssimativamente alla distanza dal discendente più basso (come la parte inferiore della lettera g) allascendente più alto (come la parte superiore della lettera h):

Come puoi vedere, nessuna delle singole lettere copre lintero arco.

Con i caratteri digitali, l “altezza em” di un carattere è una scelta fatta dal carattere designer e non deve affatto conformarsi a questa convenzione: un designer di caratteri digitali può scegliere qualsiasi base per la propria dimensione em. Tuttavia, i caratteri tendono ancora ad aderire, almeno più o meno, al tipo di convenzione sopra descritto.Ai vecchi tempi, quando il carattere consisteva in blocchi di metallo, l “altezza em” era laltezza di uno di quei blocchi, che doveva essere abbastanza alta non solo per qualsiasi carattere in quel carattere ma anche per eventuali ascendenti, discendenti e accenti.

Ora, molti caratteri tipografici moderni includono anche accenti sulle lettere maiuscole (come Ć) – questi accenti si estendono al di fuori del tradizionale ascendente tipografico e quindi questi (e possibilmente altri caratteri speciali) non rientrano nella parte superiore della “em”. Per ragioni storiche non regoliamo le dimensioni em per consentirle, manteniamo le dimensioni em e le facciamo semplicemente estendere al di fuori di essa – qualsiasi tipografo che utilizza tali accenti dovrà assicurarsi che ci sia spazio per estenderle, sebbene di solito il intervallo di riga è adeguato nel corpo del testo.

Lo intervallo di riga nel corpo del testo è uno spazio lasciato tra il discendente di una riga di testo e lascendente della riga sottostante, ovvero la “dimensione del carattere” non include questa misurazione dello spazio tra le righe. Può essere influenzata dal campo CSS line-height, dove 1.4 significa che la distanza tra le righe è 0,4 volte laltezza em, e quindi unintera riga del corpo del testo occuperà 1,4 volte laltezza em inclusa la distanza tra le righe. In altre applicazioni la distanza tra le righe può essere specificata diversamente: gli elaboratori di testi spesso specificano in termini di un multiplo della spaziatura “singola”, ma a differenza dei CSS, di solito la spaziatura “singola” non significa nessuna distanza tra le righe, ma una certa distanza tra le righe “predefinita”, dove ap plication cerca di trovare un valore predefinito basato sui metadati nel file del font. Esistono più standard per specificare le metriche nel carattere (ad es. In TrueType, ci sono diversi standard per Mac e Windows / OS2) quindi la distanza tra le righe predefinita può variare tra le applicazioni e i sistemi operativi.

Ora, anche se un il designer non segue una convenzione prevedibile per la loro altezza em, questo ancora non ti dice la dimensione delle lettere maiuscole (cap-height) o la dimensione di diciamo un o (altezza x o linea mediana) in quanto possono variare liberamente tra i caratteri tipografici in relazione allaltezza dellascendente. Allinterno di una famiglia di caratteri, questi saranno solitamente coerenti. Quindi, ad esempio, Times New Roman Bold e Times New Roman Regular lo faranno hanno le stesse dimensioni dei caratteri per le stesse dimensioni em, che dovrebbero includere ascendenti, discendenti, altezza del cappuccio e altezza x.

Commenti

• Sì – ci sono convenzioni (ad esempio, che vanno dalla parte inferiore di ‘ g ‘ allinizio di ‘ h ) ma cè ancora varianza e i formati dei caratteri non tengono affatto i designer su queste convenzioni.

Prova a digitare il carattere della barra verticale (“|”) e misuralo. Se ho duplicato correttamente la tua situazione e il tuo antialiasing non lo sfoca troppo, dovrebbe essere 22px.

22px rappresenta laltezza del blocco di testo. Ma ogni carattere riempie il blocco in modo diverso. A “g “o” q “occuperanno la regione inferiore di quei 22px, mentre lettere maiuscole e minuscole come” b “o” d “occuperanno le parti superiori. ” | “è una delle uniche (se non lunico carattere) che riempirà interamente lo spazio di 22 px.

Non so come confrontare le tue impostazioni CSS, ma questo spiega come Photoshop interpreta laltezza del testo .

Commenti

• Inoltre, puoi impostare due caratteri della stessa dimensione e ‘ spesso vedono che le lettere, di per sé, non lo sono. Hanno semplicemente le stesse dimensioni del ‘ blocco ‘.
• Il tubo non sempre riempie lo spazio totale assegnato. ‘ è puramente una preferenza del designer di tipi. ‘ spesso corrisponderà alla parte superiore dei ascendenti e alla parte inferiore dei discendenti, ma anche in questo caso lo spazio assegnato ai caratteri può essere ancora molto più grande.
• Il carattere della barra verticale non è sempre uguale alla dimensione em (ad esempio ” full height “) del carattere, no. In effetti, di solito sarà inferiore.
• I caratteri box-drawing verticali dovrebbero teoricamente coprire lintera altezza em (e probabilmente sovrapporsi una piccola quantità). Ma pochissimi caratteri includono questi caratteri. La normale barra verticale (|) di solito NON sarà uguale alla dimensione em. ‘ non lo fa nemmeno con i caratteri principali di Microsoft (Arial, Georgia e così via).
• Il carattere della barra verticale non ‘ t riempire lintera altezza. Accenti per caratteri maiuscoli, ad es. ” Á ” sono posizionati più in alto.Confronta te stesso: ” Á ” ” | ”

Sei sicuro che il tuo carattere è misurato in pixel? La maggior parte delle volte i caratteri vengono misurati in punti. Un punto è 1/72 di pollice. Quindi un font da 40 pt è alto 40/72 “o 5/9”. Il vantaggio è che questa è la dimensione dalla parte superiore dei ascendenti sulle lettere alte alla parte inferiore dei discendenti sulle lettere che pendono sotto la linea di base. Ecco perché a volte viene utilizzata laltezza x, come accennato in precedenza. Questa è laltezza delle lettere minuscole che non si attaccano né in alto né in basso.

In ogni caso, le misure non sono mai esatte comunque, purtroppo. Dovrai solo misurare e calcolare (e / o tentare ed errore) per ottenere ciò che stai “tentando”.

Commenti

• Ma i punti sono rilevanti solo per il tipo fisico (stampato, intagliato, inciso, ecc.)
• Non del tutto corretto. Il tipo non è ‘ t misurato dalla parte superiore degli ascendenti alla parte inferiore dei discendenti, ma è ‘ misurato da un riquadro di delimitazione che può o non può essere correlato allaltezza del bloccante / discensore. Questo risale ai giorni del piombo e del tipo di legno in cui il tipo veniva messo su un blocco. Era laltezza di questo blocco che determinava la dimensione delletichetta del tipo. Pertanto, due caratteri, entrambi impostati su 12 pt, possono avere dimensioni molto diverse luno rispetto allaltro. (Non ho ‘ il fatto che 1pt non ‘ t tradizionalmente = 1/72 di pollice …;)