Crenatura: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
m →Collegamenti esterni: fix data |
m Bot: numeri di pagina nei template citazione |
||
(14 versioni intermedie di 9 utenti non mostrate) | |||
Riga 1:
[[File:Kerning IT.svg|thumb|Esempi di crenatura]]
In ambito [[tipografia|tipografico]], con il termine '''crenatura''' (noto anche con il termine inglese '''''kerning''''') si indica la riduzione dello spazio in eccesso fra coppie specifiche di [[Carattere tipografico|caratteri]], attuata al fine di diminuire spazi bianchi antiestetici e dare un aspetto più omogeneo al testo.
Alcuni software di editing editoriale,
== Composizione tipografica in metallo ==
In origine la crenatura è l'operazione di crenare, ovvero limare fisicamente le parti di un occhio sporgenti lateralmente dal fusto del [[carattere (tipografia)|carattere]]; il termine si usa anche per la parte stessa dell'occhio che sporge fuori dal fusto<ref>{{treccani|crenatura2|v=1}}</ref>. Il termine crenare deriva dal francese ''créner'' ovvero "intaccare, segnare con una tacca", probabilmente dal gallico *crinare, prossimo al latino ''crena'', "tacca"<ref>{{treccani|crenare|crenare|v=1}}</ref>.
=== Tabelle di crenatura ===
{| class="wikitable"
|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 in cui ogni voce è costituita da una coppia di caratteri e dal relativo valore di essa<ref name="mskern2">{{cita web|url=http://www.microsoft.com/typography/otspec/kern.htm|titolo=The Kerning Table|editore=Microsoft.com|data=28 maggio 2010|accesso=7 agosto 2014}}</ref>. [[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. I caratteri TrueType hanno in genere diverse centinaia di coppie e alcuni ne hanno più di mille<ref>{{cita web|url=https://developer.apple.com/fonts/TTRefMan/RM06/Chap6kern.html|titolo=Kern Table|editore=Developer.apple.com|accesso=7 agosto 2014}}</ref>.
Poiché OpenType è un ''superset'' di tabelle ''Kern'' TrueType, esse 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)<ref name="mskern2"/><ref>{{cita web|autore=Bhikkhu Pesala|url=http://www.softerviews.org/FontCreator.html|titolo=FontCreator|editore=Softerviews.org|accesso=7 agosto 2014}}</ref>.
Poiché un font OpenType può includere migliaia di [[Glifo|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 ("crenatura") è trattato come parte di una vasta gamma di nuove funzioni di posizionamento dei glifi che sono memorizzate in GPOS.<ref>{{cita web|url=http://partners.adobe.com/public/developer/opentype/index_table_formats2.html|titolo=Developer Resources|editore=Partners.adobe.com|data=14 luglio 2009|accesso=7 agosto 2014|urlarchivio=https://web.archive.org/web/20160901163904/http://partners.adobe.com/public/developer/opentype/index_table_formats2.html|urlmorto=si}}</ref>
=== 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<ref>{{cita web|url=http://blogs.msdn.com/b/murrays/archive/2010/01/12/special-capabilities-of-a-math-font.aspx|titolo=Special Capabilities of a Math Font}}</ref><ref>{{cita web|url=https://patents.google.com/patent/US7492366B2/en|titolo=Method and system of character placement in opentype fonts}}</ref>.
=== Crenatura nei browser ===
La proprietà CSS <code>text-rendering: optimizeLegibility;</code>abilita la crenatura in Firefox, Chrome, Safari, Opera e nel browser [[Android]]<ref>{{cita web|url=http://aestheticallyloyal.com/public/optimize-legibility/|titolo=Cross-browser kerning-pairs & ligatures|editore=Aestheticallyloyal.com|accesso=7 agosto 2014|urlarchivio=https://web.archive.org/web/20121106234159/http://aestheticallyloyal.com/public/optimize-legibility/|urlmorto=si}}</ref>. Un'altra proprietà CSS, <code>font-feature-settings</code>, abilita anche la crenatura in Chrome, Edge, Firefox e il browser Android<ref>{{cita web|url=https://blog.typekit.com/2014/02/05/kerning-on-the-web/|titolo=Kerning on the Web|editore=Typekit.com|accesso=8 febbraio 2019}}</ref><ref>{{cita web|url=https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings|titolo=font-feature-settings|editore=mozilla.org|accesso=8 febbraio 2019}}</ref>. C'è anche una proprietà CSS3 <code>font-kerning</code>, ma è supportata solo in Firefox (con prefisso<code>-moz-</code>)<ref name="css32">The font-kerning property in the 2012's CSS3 Draft: [http://www.w3.org/TR/css3-fonts/#font-kerning-prop CSS Fonts Module Level 3]</ref>, Chrome e Opera (con prefisso<code>-webkit-</code>in entrambi). La bozza CSS3 suggerisce che la crenatura dovrebbe essere sempre abilitata per i caratteri OpenType<ref name="css32"/>.
Alcuni critici hanno proposto di sostituire la crenatura GPOS in stile OpenType con glifi spaziatori utilizzando la Glyph Substitution Table (GSUB) di OpenType<ref>{{Cita pubblicazione|cognome=Kumar|nome=Vinod|data=2006|titolo=Kerning or Positioning Using Spacer Glyphs. Positioning with Spacers|url=https://semanticscholar.org/paper/1ab64fa77fd03123f7ee48ec5d5dad63a56a9a83|rivista=Document Numérique|volume=9|numero=3–4|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</ref>.
== Percezione nel web ==
[[File:Tracking-vs-Kerning2.png|alt=Crenatura in contrasto con il tracking|centro|thumb|upright=1.9|Crenatura a confronto 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à di<code>letter-spacing</code>offre 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à <code>font-kerning</code>che consente un controllo completo della crenatura<ref>{{cita web|url=http://www.w3.org/TR/css3-fonts/#font-kerning-prop|titolo=CSS Fonts Module Level 3|editore=W3.org|accesso=7 agosto 2014}}</ref>.
=== Sintassi ===
<ref>{{Cita web|url=https://developer.mozilla.org/en-US/docs/Web/CSS/font-kerning|titolo=font-kerning - CSS: Cascading Style Sheets {{!}} MDN|sito=developer.mozilla.org|lingua=en|accesso=31 agosto 2021}}</ref>
<code>font-kerning: auto;
font-kerning: normal;
font-kerning: none;
/* valori globali */
font-kerning: inherit;
font-kerning: initial;
font-kerning: revert;
font-kerning: unset;</code>
; <code>auto</code>
: 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.
; <code>normal</code>
: Le informazioni memorizzate sulla crenatura del carattere devono essere applicate.
; <code>none</code>
: Le informazioni memorizzate sulla crenatura del carattere sono disabilitate.
=== Abilitare e disabilitare la crenatura ===
==== HTML ====
<syntaxhighlight lang="html">
<div id="kern"></div> <div id="nokern"></div> <textarea id="input">testo</textarea>
</syntaxhighlight>
==== CSS ====
<syntaxhighlight lang="css">
div { font-size: 2rem; font-family: serif; } #nokern { font-kerning: none; } #kern { font-kerning: normal; }
</syntaxhighlight>
==== JavaScript ====
<syntaxhighlight lang="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;
</syntaxhighlight>
== Galleria d'immagini ==
<gallery>
File:Metal type kerning.svg|alt=Il glifo a destra è impostato con crenatura per sovrapporsi al carattere che lo segue (i glifi sono specchiati per la stampa).|Il glifo a destra è impostato con crenatura per sovrapporsi al carattere che lo segue (i glifi sono specchiati per la stampa).
File:WAR Kerning.svg|alt=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: le lettere "WA" non si bilanciano con la coppia di lettere "AR" che non si avvicina.|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: le lettere "WA" non si bilanciano con la coppia di lettere "AR" che non si avvicina.
File:Okavango River Sign.jpg|alt=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.|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.
</gallery>
== Note ==
<references />
== Bibliografia ==
Riga 22 ⟶ 179:
== Collegamenti esterni ==
* {{cita web | url= http://www.giofugatype.com/lettering/lettcre.htm | autore = Giò Fuga | titolo= Crenatura - Kerning |accesso=30 settembre 2016 }}
* {{cita web | url= https://helpx.adobe.com/it/indesign/using/kerning-tracking.html | titolo= Crenatura e avvicinamento |accesso=30 settembre 2016 }}
|