Crenatura: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
m →Collegamenti esterni: fix data |
testo e fonti Etichette: Rimozione di avvisi di servizio Modifica visuale |
||
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 (''per esempio
== 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"<ref>{{cite web|title=kern|url=http://dictionary.reference.com/browse/kern|publisher=Dictionary.com|access-date=13 November 2012}}</ref>.
=== Tabelle di crenatura ===
{| class="wikitable"
|LA” −146
|W. −144
|P, −139
|L” −135
|VA −123
|Fa. −110
|YA −104
|Te −98
|-
|AV −97
|Vr −86
|PA −85
|m” −82
|un” −79
|FA −78
|UA −78
|w. −73
|-
|Yt −72
|LT −64
|r, −63
|Xv −54
|Ku −46
|D, −40
|RE” −36
|OA −36
|-
|Hv −33
|T: −32
|DY −30
|c” −25
|mio −23
|Ru −21
|aj −19
|bv −16
|-
|Sp −14
|ro −13
|RS −12
|lp −12
|ot −11
|tt −10
|sono −9
|fe −9
|-
|vo −8
|xc −8
|io −8
|Ix −6
|e, −6
|st −5
|lui −4
|Fw -3
|-
|noi -3
|Ak +3
|la +3
|GU +5
|il +5
|CO +7
|bc +9
|Xf +10
|-
|da +10
|FA” +12
|wb +12
|YW +13
|Quindi +14
|Co +15
|TV +16
|cv +16
|-
|Dv +17
|CO +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|Microsoft,]] i valori di crenatura sono specificati in una semplice tabella di ''crenatura in'' cui ogni voce è costituita da una coppia di caratteri e dal relativo valore di crenatura<ref name="mskern">{{cite web|url=http://www.microsoft.com/typography/otspec/kern.htm|title=The Kerning Table|publisher=Microsoft.com|date=2010-05-28|access-date=2014-08-07}}</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 esatta. I caratteri TrueType hanno in genere diverse centinaia di coppie e alcuni ne hanno più di mille<ref>{{cite web|url=https://developer.apple.com/fonts/TTRefMan/RM06/Chap6kern.html|title=Kern Table|publisher=Developer.apple.com|access-date=2014-08-07}}</ref>.
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)<ref name="mskern2">{{cite web|url=http://www.microsoft.com/typography/otspec/kern.htm|title=The Kerning Table|publisher=Microsoft.com|date=2010-05-28|access-date=2014-08-07}}</ref><ref>{{cite web|author=Bhikkhu Pesala|url=http://www.softerviews.org/FontCreator.html|title=FontCreator|publisher=Softerviews.org|access-date=2014-08-07}}</ref>.
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.<ref>{{cite web|url=http://partners.adobe.com/public/developer/opentype/index_table_formats2.html|title=Developer Resources|publisher=Partners.adobe.com|date=2009-07-14|access-date=2014-08-07|archive-url=https://web.archive.org/web/20160901163904/http://partners.adobe.com/public/developer/opentype/index_table_formats2.html|archive-date=2016-09-01|url-status=dead}}</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>{{cite web|url=http://blogs.msdn.com/b/murrays/archive/2010/01/12/special-capabilities-of-a-math-font.aspx|title=Special Capabilities of a Math Font}}</ref><ref>{{cite web|url=https://patents.google.com/patent/US7492366B2/en|title=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>{{cite web|url=http://aestheticallyloyal.com/public/optimize-legibility/|title=Cross-browser kerning-pairs & ligatures|publisher=Aestheticallyloyal.com|access-date=2014-08-07|archive-url=https://web.archive.org/web/20121106234159/http://aestheticallyloyal.com/public/optimize-legibility/|archive-date=2012-11-06|url-status=dead}}</ref>. Un'altra proprietà CSS, <code>font-feature-settings</code>, abilita anche la crenatura in Chrome, Edge, Firefox e il browser Android<ref>{{cite web|url=https://blog.typekit.com/2014/02/05/kerning-on-the-web/|title=Kerning on the Web|publisher=Typekit.com|access-date=2019-02-08}}</ref><ref>{{cite web|url=https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings|title=font-feature-settings|publisher=mozilla.org|access-date=2019-02-08}}</ref>. C'è anche una proprietà CSS3 <code>font-kerning</code>, ma è supportata solo in Firefox (con prefisso<code>-moz-</code>)<ref name="css3">The font-kerning property in the 2012's CSS3 Draft: http://www.w3.org/TR/css3-fonts/#font-kerning-prop</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">The font-kerning property in the 2012's CSS3 Draft: http://www.w3.org/TR/css3-fonts/#font-kerning-prop</ref>.
Alcuni critici hanno proposto di sostituire la crenatura GPOS in stile OpenType con glifi spaziatori utilizzando la Glyph Substitution Table (GSUB) di OpenType<ref>{{cite journal|last=Kumar|first=Vinod|date=2006|title=Kerning or Positioning Using Spacer Glyphs. Positioning with Spacers|url=https://semanticscholar.org/paper/1ab64fa77fd03123f7ee48ec5d5dad63a56a9a83|journal=Document Numérique|volume=9|issue=3–4|pages=69–85|doi=10.3166/dn.9.3-4.69-85|s2cid=13609756}} 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|miniatura|420x420px|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à 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>{{cite web|url=http://www.w3.org/TR/css3-fonts/#font-kerning-prop|title=CSS Fonts Module Level 3|publisher=W3.org|access-date=2014-08-07}}</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-US|accesso=2021-08-31}}</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 sulla crenatura del carattere memorizzate nel carattere devono essere applicate.
; <code>none</code>
: Le informazioni sulla crenatura del carattere memorizzate nel 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 ==
<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.png|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: lo stretto "WA" non si bilancia con la coppia "AR" che non può avvicinarsi.|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.
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>
== Bibliografia ==
| |||