Crenatura

In ambito tipografico, con il termine crenatura (noto anche con il termine inglese kerning) si indica la riduzione dello spazio in eccesso fra coppie specifiche di caratteri, attuata al fine di diminuire spazi bianchi antiestetici e dare un aspetto più omogeneo al testo.

Esempi di crenatura

Alcuni software di editing editoriale (per esempio Adobe InDesign e Quark XPress) permettono di modificare anche l'avvicinamento delle lettere, che è un parametro che consente di alterare ulteriormente lo spazio tra le coppie di lettere, con o senza crenatura. In questo caso, è sicuramente più opportuno non alterare l'avvicinamento dei caratteri, per sfruttare al massimo le caratteristiche del font previste da colui, o colei, che lo ha creato; un avvicinamento aumentato o diminuito può essere uno stile grafico (sicuramente da valutare) per una scritta o un titolo (es.: un'insegna visibile da lontano deve avere un avvicinamento più ampio), ma per un testo in paragrafo produrrebbe sicuramente un problema visivo.

Composizione tipografica in metallo

La fonte della parola kern deriva dalla parola francese carne, che significa "angolo di proiezione". Il termine francese ha origine dal latino cardo, cardinis, che significa "cerniera"^[1].

Tabelle di crenatura

A” −146	W. −144	P, −139	L” −135	VA −123	F. −110	YA −104	Te  −98
AV  −97	Vr  −86	PA  −85	m”  −82	a”  −79	FA  −78	UA  −78	w.  −73
Yt  −72	LT  −64	r,  −63	Xv  −54	Ku  −46	D,  −40	D”  −36	OA  −36
Hv  −33	T:  −32	DY  −30	c”  −25	my  −23	Ru  −21	aj  −19	bv  −16
Sp  −14	ro  −13	SR  −12	lp  −12	ot  −11	tt  −10	am   −9	fe   −9
vo   −8	xc   −8	yo   −8	Ix   −6	e,   −6	st   −5	he   −4	Fw   −3
us   −3	Ak   +3	la   +3	Oj   +5	il   +5	CO   +7	bc   +9	Xf  +10
fr  +10	F”  +12	wb  +12	YW  +13	So  +14	Co  +15	VT  +16	cv  +16
Dv  +17	OC  +18	Bc  +20	RX  +20	T”  +22	gy  +24	r:  +24	XA  +25
ry  +29	w;  +31	f?  +76	f” +121

Nei formati di carattere della tabella, come TrueType di Microsoft, i valori di crenatura sono specificati in uno schema di crenatura in cui ogni voce è costituita da una coppia di caratteri e dal relativo valore di crenatura^[2]. Apple ha tuttavia esteso la tabella kern con funzionalità più complesse, inclusa la crenatura contestuale e basata sulla classe, che sono state successivamente trovate in OpenType, anche se non nella stessa forma esatta. I caratteri TrueType hanno in genere diverse centinaia di coppie e alcuni ne hanno più di mille^[3].

Poiché OpenType è un superset di tabelle Kern TrueType, sono ancora supportate per i font TrueType compressi come OpenType; tuttavia i font OpenType basati su PostScript (CFF) non dispongono di questa opzione. OpenType ha introdotto un nuovo modo uniforme di specificare, tra le altre cose, la crenatura, tramite la Glyph Positioning Table (GPOS)^[4][5].

Poiché un font OpenType può includere migliaia di glifi, e di conseguenza un numero enorme di coppie di caratteri che necessitano di crenatura, i font OpenType possono avere un elaborato sistema di tabelle e sotto-tabelle, progettato per ridurre al minimo lo spazio di archiviazione complessivo. Il Kerning è trattato come parte di una vasta gamma di nuove funzioni di posizionamento dei glifi che sono memorizzate in GPOS.^[6]

Crenatura di pedici e apici

Sebbene lo standard matematico OpenType non includa il supporto per la crenatura di pedici o apici, l'implementazione di Microsoft aggiunge estensioni per supportare questa funzionalità a partire da Office 2007^[7][8].

Crenatura nei browser

La proprietà CSS text-rendering: optimizeLegibility;abilita la crenatura in Firefox, Chrome, Safari, Opera e nel browser Android^[9]. Un'altra proprietà CSS, font-feature-settings, abilita anche la crenatura in Chrome, Edge, Firefox e il browser Android^[10][11]. C'è anche una proprietà CSS3 font-kerning, ma è supportata solo in Firefox (con prefisso-moz-)^[12], Chrome e Opera (con prefisso-webkit-in entrambi). La bozza CSS3 suggerisce che la crenatura dovrebbe essere sempre abilitata per i caratteri OpenType^[13].

Alcuni critici hanno proposto di sostituire la crenatura GPOS in stile OpenType con glifi spaziatori utilizzando la Glyph Substitution Table (GSUB) di OpenType^[14].

Percezione nel web

 

Crenatura in contrasto con il tracking (letter-spacing): con la spaziatura si perde la "percezione di crenatura". Mentre il tracking (tracciamento) regola lo spazio tra i caratteri in modo uniforme, indipendentemente dai caratteri, la crenatura regola lo spazio in base alle coppie di caratteri. C'è una forte crenatura tra la "V" e la "A", e nessuna crenatura tra la "S" e la "T".

La percezione umana della crenatura può variare con la spaziatura tra le parole durante la lettura. Anche senza un controllo completo della crenatura, l'effetto può essere simulato modificando leggermente lo spazio tra le lettere. Ad esempio, nelle pagine web con CSS1, uno standard che risale al 1996, la proprietà diletter-spacingoffre opzioni per "lost" ("perso") o "percezione di crenatura migliorata" ("enhanced kerning perception") semplicemente rendendo non uniforme lo spazio tra le lettere. Il nuovo standard CSS3 include la proprietà font-kerningche consente un controllo completo della crenatura^[15].

Sintassi^[16]

font-kerning: auto;
font-kerning: normal;
font-kerning: none;

/* valori globali */
font-kerning: inherit;
font-kerning: initial;
font-kerning: revert;
font-kerning: unset;

auto

Il browser determina se utilizzare o meno la crenatura dei caratteri. Ad esempio, alcuni browser disabilitano la crenatura sui caratteri piccoli, poiché applicarla potrebbe danneggiare la leggibilità del testo.

normal

Le informazioni sulla crenatura del carattere memorizzate nel carattere devono essere applicate.

none

Le informazioni sulla crenatura del carattere memorizzate nel carattere sono disabilitate.

Abilitare e disabilitare la crenatura

HTML

<div id="kern"></div> <div id="nokern"></div> <textarea id="input">testo</textarea>

CSS

div { font-size: 2rem; font-family: serif; } #nokern { font-kerning: none; } #kern { font-kerning: normal; }

JavaScript

let input = document.getElementById('input'); let kern = document.getElementById('kern'); let nokern = document.getElementById('nokern'); input.addEventListener('keyup', function() { kern.textContent = input.value; /* contenuto aggiornato */ nokern.textContent = input.value; }); kern.textContent = input.value; /* contenuto iniziale */ nokern.textContent = input.value;

Galleria

•  
  Il glifo a destra è impostato con crenatura per sovrapporsi al carattere che lo segue (i glifi sono specchiati per la stampa).
•  
  Tre versioni della parola "WAR" nel carattere tipografico Clarendon: la versione superiore non ha crenatura, la versione centrale ha una crenatura. La versione inferiore è stata sovraccaricata di crenatura per questa combinazione di caratteri: lo stretto "WA" non si bilancia con la coppia "AR" che non può avvicinarsi.
•  
  Alcune parole sono particolarmente difficili da spaziare. Il nome del fiume Okavango nell'Africa sudoccidentale è difficile perché le lettere AVA si incastrano bene, ma questo fa sembrare gli spazi su entrambi i lati molto grandi. Una spaziatura delle lettere più ampia o più stretta potrebbe aiutare in questo caso.

Bibliografia

• Ivana Tubaro, Delle lettere. Manuale di calligrafia e tipografia: dalla teoria alla progettazione, Milano, Hoepli, 2008, ISBN 978-8820340339.

Voci correlate

• Calligrafia
• Tipo di carattere
• Lista di font
• METAFONT — un linguaggio per la descrizione di caratteri vettoriali
• FontForge
• Carattere (tipografia)
• Formattazione del testo
• Stampa a caratteri mobili

Altri progetti

Altri progetti

• Wikimedia Commons

•   Wikimedia Commons contiene immagini o altri file su crenatura

Collegamenti esterni

• Giò Fuga, Crenatura - Kerning, su giofugatype.com. URL consultato il 30 settembre 2016.
• Crenatura e avvicinamento, su helpx.adobe.com. URL consultato il 30 settembre 2016.

1. ^ kern, su dictionary.reference.com, Dictionary.com.
2. ^ The Kerning Table, su microsoft.com, 28 maggio 2010.
3. ^ Kern Table, su developer.apple.com.
4. ^ The Kerning Table, su microsoft.com, 28 maggio 2010.
5. ^ Bhikkhu Pesala, FontCreator, su softerviews.org.
6. ^ Developer Resources, su partners.adobe.com, 14 luglio 2009.
7. ^ Special Capabilities of a Math Font, su blogs.msdn.com.
8. ^ Method and system of character placement in opentype fonts, su patents.google.com.
9. ^ Cross-browser kerning-pairs & ligatures, su aestheticallyloyal.com.
10. ^ Kerning on the Web, su blog.typekit.com, Typekit.com.
11. ^ font-feature-settings, su developer.mozilla.org, mozilla.org.
12. ^ The font-kerning property in the 2012's CSS3 Draft: http://www.w3.org/TR/css3-fonts/#font-kerning-prop
13. ^ The font-kerning property in the 2012's CSS3 Draft: http://www.w3.org/TR/css3-fonts/#font-kerning-prop
14. ^ Vinod Kumar, Kerning or Positioning Using Spacer Glyphs. Positioning with Spacers, in Document Numérique, vol. 9, 3–4, 2006, pp. 69–85, DOI:10.3166/dn.9.3-4.69-85. also at http://www.cairn.info/revue-document-numerique-2006-3-page-69.htm
15. ^ CSS Fonts Module Level 3, su w3.org.
16. ^ (EN) font-kerning - CSS: Cascading Style Sheets | MDN, su developer.mozilla.org. URL consultato il 31 agosto 2021.