{"id":5272,"date":"2013-12-01T18:00:41","date_gmt":"2013-12-01T17:00:41","guid":{"rendered":"https:\/\/carlogislon.it\/staging\/?p=5272"},"modified":"2025-12-14T17:30:25","modified_gmt":"2025-12-14T17:30:25","slug":"scelta-del-carattere","status":"publish","type":"post","link":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/","title":{"rendered":"Consigli pratici e immediati per scegliere un giusto abbinamento di caratteri"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:calc( 1340px + 0px );margin-left: calc(-0px \/ 2 );margin-right: calc(-0px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><p class=\"altre-dida\">In copertina, foto di Brett Jordan<\/p>\n<h2 id=\"toc_Introduzione\" class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 24; line-height: 1.2; --minfontsize: 24;\" data-fontsize=\"24\" data-lineheight=\"28.8px\">Introduzione<\/h2>\n<p class=\"intro\">Quali font scelgo per il mio impaginato e come li abbino? \u00c8 un cruccio costante in qualsiasi lavorazione grafica. Questo articolo ti suggerisce alcuni degli abbinamenti pi\u00f9 di successo.<\/p>\n<p class=\"intro\">Gli scritti sul soggetto abbondano. Partono spesso da lunghe descrizioni sulle caratteristiche dei caratteri tipografici, sulla loro storia ecc. Tutte cose interessanti e corrette che possono diventare importanti ma qui andiamo proprio sul pratico.<\/p>\n<p class=\"intro\">Niente lunghe teorie, niente, o quasi, &#8220;principi&#8221;. Ogni tanto serve una soluzione rapida come questa mentre si lascia alle &#8220;teste d&#8217;uovo&#8221; gli approfondimenti &#8220;filosofici&#8221;.<\/p>\n<p class=\"intro\">Di solito usiamo almeno due caratteri: uno per i titoli e uno per il testo. Spesso sono sufficienti per dare chiarezze e stile a un testo.<\/p>\n<p class=\"intro\">Come li scelgo? Puoi fornirmi degli esempi? Calma, ecco quello che ti serve.<\/p>\n<p><!--more--><\/p>\n<figure><img decoding=\"async\" class=\"lazyload aligncenter wp-image-13768 size-full\" title=\"Accoppiamento caratteri Garamond + Avenir\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2012\/08\/Progetto-grafico-libro-pagina-singola.jpg\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2012\/08\/Progetto-grafico-libro-pagina-singola.jpg\" alt=\"Accoppiamento caratteri Garamond + Avenir\" width=\"365\" height=\"529\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27365%27%20height%3D%27529%27%20viewBox%3D%270%200%20365%20529%27%3E%3Crect%20width%3D%27365%27%20height%3D%27529%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2012\/08\/Progetto-grafico-libro-pagina-singola-207x300.jpg 207w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2012\/08\/Progetto-grafico-libro-pagina-singola.jpg 365w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 365px) 100vw, 365px\" \/><figcaption>Eb Garamond + Avenir. Studio Carlo Gislon<\/figcaption><\/figure>\n<p data-fontsize=\"22\" data-lineheight=\"26.399999618530273px\">Sebbene non sia un amante dei &#8220;tecnologismi&#8221;, sono tuttavia convinto che esiste un livello minimo e necessario di conoscenza per affrontare lo studio di un soggetto come questo.<\/p>\n<p data-fontsize=\"22\" data-lineheight=\"26.399999618530273px\">Il paragrafo che segue rappresenta la mia unica pretesa teorica.<\/p>\n<h2 id=\"toc_Carattere_e_Font_Facciamo_chiarezza\" class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 24; line-height: 1.2; --minfontsize: 24;\" data-fontsize=\"24\" data-lineheight=\"28.8px\"><i>Carattere<\/i> e <i>Font<\/i>. Facciamo chiarezza<\/h2>\n<p>In questo articolo il termine &#8220;carattere&#8221; e il termine &#8220;font&#8221; sono usati in modo intercambiabile anche se, a essere corretti, il primo termine si riferirebbe alle caratteristiche grafiche o visive mentre il secondo al <span lang=\"en\">file<\/span> del carattere.<\/p>\n<p>Cos\u00ec <i>Times<\/i> \u00e8 un carattere, mentre <i>Times.ttf <\/i>\u00e8 il font corrispondente. Poich\u00e9 nell&#8217;uso comune li troveremo usati in modo intercambiabile, cos\u00ec far\u00f2 anch&#8217;io in questo articolo.<\/p>\n<p>Un font o carattere \u00e8 un appellativo univoco, ad esempio: <i>Times Bold<\/i>. Una <i>Famiglia di font<\/i> \u00e8 invece l&#8217;insieme dei font e dei caratteri simili, ad esempio <i>Times Bold<\/i> + <i>Times Regular<\/i> + <i>Times Bold italic<\/i> + <i>Times italic<\/i> \u00e8 la famiglia <i>Times<\/i>.<\/p>\n<p>Se il vostro testo usa Times Bold e Times regular, sta usando <b>due font<\/b> appartenenti alla stessa<b> famiglia di caratteri<\/b>.<\/p>\n<p>Le moderne famiglie di caratteri possono disporre di decine di font diversi: <i>thin, regular, medium, heavy, blac<\/i>k e poi thin <i>italic, medium italic, bold italic&#8230; <\/i>e ognuna disporre a sua volta di larghezze diverse&#8230; I <i>font variabili<\/i> hanno introdotto un numero quasi infinito di varianti per ogni carattere.<\/p>\n<p>Google Font e Adobe Font sono le fonti principali di caratteri di liber (o quasi) utilizzo, sia per la stampa che per il web. Per Adobe Font \u00e8 necessario una abbonamento ad Adobe Creative Suite (che ogni grafico professionista ha).<\/p>\n<p>Nel leggere l&#8217;articolo fai riferimento a questa immagine e alla nomenclatura indicata. Capirai poco altrimenti. In particolare devi comprendere il termine <i>corpo<\/i>, che \u00e8 l&#8217;altezza complessiva del carattere (dalle estremit\u00e0 dell&#8217;ascendente al discendente) e <i>occhiello<\/i>.<\/p>\n<figure><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/05\/elementi-carattereRisorsa-3.svg\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload alignnone size-full wp-image-21049\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27507%27%20height%3D%27328%27%20viewBox%3D%270%200%20507%20328%27%3E%3Crect%20width%3D%27507%27%20height%3D%27328%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/05\/elementi-carattereRisorsa-3.svg\" alt=\"\" width=\"507\" height=\"328\"><\/a><figcaption>Esempio di carattere con <i>grazie<\/i> e senza <i>grazie <\/i>(<i>serif <\/i>e <i>sans-serif<\/i> o<i> dritto<\/i>) ed elementi principali: <i>corpo<\/i>,<i> aste<\/i>,<i> ascendenti<\/i>, <i>occhiello<\/i>, <i>discendenti<\/i>, <i>grazie<\/i><\/figcaption><\/figure>\n<h2 id=\"toc_Scegliere_il_font_giusto_considerazioni_iniziali\" class=\"\" style=\"--fontsize: 22; line-height: 1.2; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"26.399999618530273px\">Scegliere il font giusto: considerazioni iniziali<\/h2>\n<p>Io direi, innanzitutto, che non esistono caratteri &#8220;migliori o peggiori&#8221; ma di sicuro esistono caratteri con personalit\u00e0 diverse.<\/p>\n<p>Sicuramente esistono caratteri coi quali abbiamo pi\u00f9 confidenza ma questo \u00e8 un altro discorso e tenete presente che dovreste uscire dalla vostra &#8220;comfort zone&#8221; se volete produrre un impaginato raffinato e magari divertirvi un po&#8217;.<\/p>\n<p>Quelli con l&#8217;occhiello grande, per esempio, (vedi l&#8217;immagine per la definizione di occhiello) sono pi\u00f9 leggibili a parit\u00e0 di dimensioni e sono in genere considerati pi\u00f9 moderni e pi\u00f9 adatti al web. Quelli con l&#8217;occhiello piccolo sono considerati pi\u00f9 eleganti e &#8220;retr\u00f2&#8221;.<\/p>\n<p>In generale, testi tecnici o che vogliono dare un tono moderno al messaggio prediligono un carattere <i>dritto<\/i> senza grazie (sans-serif). I caratteri fantasiosi sono, invece, di solito riservati a messaggi pi\u00f9 &#8220;frivoli&#8221; o di intrattenimento oppure sono usati per creare dei contrappunti isolati.<\/p>\n<p>Sarebbe tuttavia un grande errore diventare troppo logici e schematici poich\u00e9 la creativit\u00e0 \u00e8 ricerca di nuove logiche e schemi. Restiamo pronti perci\u00f2 ad uscire dagli schemi tenendo i piedi per terra.<\/p>\n<h2 id=\"toc_Come_scegliere_il_font_e_abbinarlo_5_passi\" class=\"\" style=\"--fontsize: 22; line-height: 1.2; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"26.399999618530273px\">Come scegliere il font e abbinarlo. 5 passi fondamentali<\/h2>\n<h3 class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 20; line-height: 1.3; --minfontsize: 20;\" data-fontsize=\"20\" data-lineheight=\"26px\">1. Prendete confidenza coi contenuti<\/h3>\n<p>Se non l&#8217;avete scritto voi, assicuratevi di sapere almeno di cosa tratta lo scritto sui cui lavorate. <b>Il font scelto fa parte del messaggio, \u00e8 in s\u00e9 comunicazione.<\/b><\/p>\n<h3 class=\"\" style=\"--fontsize: 18; line-height: 1.2; --minfontsize: 18;\" data-fontsize=\"18\" data-lineheight=\"21.600000381469727px\">2. Cominciate scegliendo solo il font del corpo principale<\/h3>\n<p>Questo \u00e8 veramente un consiglio di enorme utilit\u00e0 pratica: all&#8217;inizio riportate tutto il testo con lo stesso tipo di carattere, della stessa dimensione. Titoli e contenuto. Resettate tutto insomma e concentratevi solo su un unico carattere.<\/p>\n<p>Impostate la misura &#8211; corpo &#8211; e applicate il font principale a TUTTO il testo. Questo vi schiarir\u00e0 le idee e vi porr\u00e0 sulla giusta strada.<\/p>\n<p>Ora disponete di un carattere &#8220;dominante&#8221; attorno al quale, creare il giusto contrappunto.<\/p>\n<h3 class=\"\" style=\"--fontsize: 18; line-height: 1.2; --minfontsize: 18;\" data-fontsize=\"18\" data-lineheight=\"21.600000381469727px\">3. Lavorate sulla gerarchia<\/h3>\n<p>la scelta del font giusto \u00e8 in relazione alla gerarchia dei contenuti, con la quale si intende l&#8217;ordine o schema di lettura. Se questa non \u00e8 chiara e definita \u00e8 impossibile assegnare in modo corretto i caratteri.<\/p>\n<p>A volte il testo sui cui si lavora \u00e8 stato scritto di getto, i titoli ci sono ma non sono evidenziati. Alcuni potrebbero mancare.<\/p>\n<p>Individuate il titolo principale e poi i<span style=\"background-color: rgba(0, 0, 0, 0);\"> titoli per i paragrafi. Negli impaginati complessi, come le riviste, avrete anche altri elementi oltre al testo principale quali box, recensioni, rubriche o altro.<\/span><\/p>\n<p>Anch&#8217;essi vanno individuati.<\/p>\n<figure><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/06\/DepliantAbitativo1.jpg\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload aligncenter wp-image-4797\" title=\"scegliere il font giusto per un depliant\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/06\/DepliantAbitativo1.jpg\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/06\/DepliantAbitativo1.jpg\" alt=\"scegliere il font giusto per un depliant\" width=\"850\" height=\"563\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27850%27%20height%3D%27563%27%20viewBox%3D%270%200%20850%20563%27%3E%3Crect%20width%3D%27850%27%20height%3D%27563%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/06\/DepliantAbitativo1-125x83.jpg 125w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/06\/DepliantAbitativo1-300x199.jpg 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/06\/DepliantAbitativo1-540x358.jpg 540w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/06\/DepliantAbitativo1-740x490.jpg 740w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/06\/DepliantAbitativo1-768x509.jpg 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/06\/DepliantAbitativo1-960x636.jpg 960w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/06\/DepliantAbitativo1-1024x679.jpg 1024w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/06\/DepliantAbitativo1.jpg 1100w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/a><figcaption>Carattere dritto per i titoli dei paragrafi e con le grazie per il testo generale. \u00c8 molto pi\u00f9 facile leggere un testo suddiviso in paragrafi brevi. Nell&#8217;esempio \u00e8 anche presente un contrasto di colori e di dimensioni e dello spazio bianco. Graphic design di Carlo Gislon.<\/figcaption><\/figure>\n<h3 class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 20; line-height: 1.3; --minfontsize: 20;\" data-fontsize=\"20\" data-lineheight=\"26px\">4. Scegliete il carattere dei titoli<\/h3>\n<p>Ora che avete individuato la gerarchia dei contenuti \u00e8 possibile scegliere il font per i titoli. Il carattere dei titoli deve essere diverso da quello del corpo principale. Di solito si aumenta di almeno due punti e si sceglie un carattere che crei contrasto.<\/p>\n<p>Quanto contrasto? Visto che va creato, che sia netto. Per esempio, un carattere dritto, un Helvetica o un Arial per i titoli assieme a uno con grazie, come un Times o un Garamond per i testi principali.<\/p>\n<p>Bisogna evitare l&#8217;usare caratteri di famiglie diverse entrambi dritti o aggraziati, come un Garamond per i titoli abbinato a un Times per il testo principale.<\/p>\n<p><b>Questo \u00e8 l&#8217;errore peggiore che si possa fare nell&#8217;abbinare caratteri<\/b> a meno che non si sia dei &#8220;geni creativi&#8221; e si sappia esattamente cosa si sta facendo.<\/p>\n<p>Se vogliamo usare due caratteri dritti o due con grazie, sia per i titoli che per il testo principale, devono quindi essere della stessa famiglia ad esempio un Garamond Regular per il testo corpo 12 e un Garamond Bold corpo 14 per i titoli di paragrafo.<\/p>\n<p>Un contrasto scarso apparirebbe come errore e, piuttosto che &#8220;dare ordine&#8221;, darebbe\u2026 fastidio. \u00c8 una sorta di &#8220;indecisione&#8221; del linguaggio.<\/p>\n<h4 class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 19; line-height: 1.2; --minfontsize: 19;\" data-fontsize=\"19\" data-lineheight=\"22.8px\">\u00c8 una questione di armonia<\/h4>\n<p>Si potrebbe fare un paragone con le <i>armonie cromatiche<\/i>. Immaginate i titoli e il testo principale come due colori e immaginate di dover creare un&#8217;armonia.<\/p>\n<p>Pu\u00f2 essere &#8220;complementare&#8221; quando lo stacco \u00e8 netto (serif + sans-serif, quindi due famiglie di font diversi), pu\u00f2 essere &#8220;monocromatica&#8221; quando si usa la stessa famiglia variando dimensioni e peso (helvetica normal + helvetica bold, quindi stessa famiglia di font).<\/p>\n<p>Ma non pu\u00f2 essere sia &#8220;complementare che monocromatica&#8221;.<span style=\"background-color: rgba(0, 0, 0, 0);\">E quando si sceglie &#8220;un&#8217;armonia&#8221; tale dovrebbe rimanere nel corso dell&#8217;impaginato.<\/span><\/p>\n<h3 class=\"\" style=\"--fontsize: 18; line-height: 1.2; --minfontsize: 18;\" data-fontsize=\"18\" data-lineheight=\"21.600000381469727px\">5. Scegliete il font degli altri elementi<\/h3>\n<p>Come accennato, in un impaginato complesso, come una rivista, un manuale o un catalogo, avremo la necessit\u00e0 di usare altri font.<\/p>\n<p>Sempre mantenendo la regola del &#8220;minimo indispensabile&#8221; una soluzione potrebbe essere quella di usare delle varianti per i caratteri gi\u00e0 usati e rimanere su due famiglie di caratteri o addirittura una.<\/p>\n<p>Si pu\u00f2 comunque arrivare a tre, pi\u00f9 raramente a quattro famiglie diverse se non per qualche font usato giusto come contrappunto. La &#8220;vivacit\u00e0&#8221; della pubblicazione gioca il suo ruolo.<\/p>\n<figure><img decoding=\"async\" class=\"lazyload aligncenter wp-image-15235 size-full\" title=\"scegliere il font giusto per una rivista\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/01\/Rivista-NexusNT.jpg\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/01\/Rivista-NexusNT.jpg\" alt=\"scegliere il font giusto per una rivista\" width=\"800\" height=\"640\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27800%27%20height%3D%27640%27%20viewBox%3D%270%200%20800%20640%27%3E%3Crect%20width%3D%27800%27%20height%3D%27640%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/01\/Rivista-NexusNT-177x142.jpg 177w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/01\/Rivista-NexusNT-200x160.jpg 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/01\/Rivista-NexusNT-300x240.jpg 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/01\/Rivista-NexusNT-400x320.jpg 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/01\/Rivista-NexusNT-600x480.jpg 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/01\/Rivista-NexusNT-768x614.jpg 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/01\/Rivista-NexusNT.jpg 800w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption>Articoli, rubriche, libri consigliati sono elementi diversi e come tali vanno distinti tramite, anche, la scelta del font giusto<\/figcaption><\/figure>\n<h2 id=\"toc_Esempi_di_accoppiamenti_di_font\" class=\"\" style=\"--fontsize: 22; line-height: 1.2; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"26.399999618530273px\">Esempi di accoppiamenti di font<\/h2>\n<p>Sono possibili molti interessanti accoppiamenti di caratteri. <a title=\"Come combinare i caratteri\" href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/12\/Font_combination1.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Eccovi un&#8217;utilissima tabella di riferimento in pdf.<\/a> (sorgente: <a href=\"http:\/\/bonfx.com\/19-top-fonts-in-19-top-combinations\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">bonfx.com<\/a>. Consiglio di visitare il sito per una spiegazione esauriente).<\/p>\n<p>Ma, con le semplici logiche qui espresse, potete comunque trovare le vostre regole e soluzioni seguendo il vostro semplice estro e creativit\u00e0.<\/p>\n<figure><a class=\"fusion-no-lightbox\" href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/12\/Font_combination1.pdf\"><img decoding=\"async\" class=\"lazyload aligncenter wp-image-5297 size-full\" title=\"Accoppiamenti di font \" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27468%27%20height%3D%27574%27%20viewBox%3D%270%200%20468%20574%27%3E%3Crect%20width%3D%27468%27%20height%3D%27574%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2013\/12\/Coppie1.gif\" alt=\"Accoppiamenti di font \" width=\"468\" height=\"574\"><\/a><figcaption>Alcune tra le coppie di caratteri pi\u00f9 usate e pi\u00f9 di successo nella grafica<\/figcaption><\/figure>\n<h2 id=\"toc_Maiuscolo_maiuscoletto_varianti\" class=\"\" style=\"--fontsize: 22; line-height: 1.2; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"26.399999618530273px\">Maiuscolo, maiuscoletto, varianti<\/h2>\n<p>Interessanti varianti utili a trasmettere sia gerarchia, sia messaggio, possono essere ottenute col medesimo unico carattere tramite il maiuscolo e il maiuscoletto.<\/p>\n<p>Maiuscolo e maiuscoletto, sono parte delle centinaia e ormai migliaia di simboli diversi (<i>glifi<\/i>) contenuti in un singolo font (il <span lang=\"en\">file<\/span> del carattere, ricordiamo).<\/p>\n<p>Parole tutte maiuscole o tutte maiuscoletto sono utili in molte circostanza: per evidenziare titoli, sigle, intestazioni per esempio.<\/p>\n<p>Il distanziamento dei caratteri e la distorsioni sono anch&#8217;esse soluzioni fattibili se usate con molta moderazione magari nei titoli principali dove si pu\u00f2 essere pi\u00f9 creativi.<\/p>\n<p>Ad esempio si pu\u00f2 aumentare esageratamente il distanziamento tra un lettera e l&#8217;altra o avvicinarlo quasi a sovrapporre i caratteri.<\/p>\n<p>Distorcere il carattere, allungarlo o allargarlo non \u00e8 invece consigliabile. Questo perch\u00e9 i caratteri, essendo ottimizzati per certe proporzioni, perdono armonia.<\/p>\n<h2 id=\"toc_Per_approfondire\" class=\"\" style=\"--fontsize: 22; line-height: 1.2; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"26.399999618530273px\">Per approfondire<\/h2>\n<p>Se volete approfondire il tema, il web \u00e8 pieno di interessanti siti, a volte dal taglio molto professionale. Il link di cui sopra \u00e8 gi\u00e0 un esempio molto valido. Ve ne do un&#8217;altro dove potete scaricare un pdf, molto ben fatto (<a href=\"https:\/\/www.reading.ac.uk\/web\/files\/simplification\/tech_papers_9.pdf\" class=\"blc-broken-link\" data-blc-broken=\"1\">scarica qui la guida sulla scelta del carattere tipografico- 32MB<\/a>).<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Questa \u00e8 una guida molto pratica per scegliere un abbinamento di caratteri. Penso sia un articolo per principianti della grafica, per chi ha bisogno di andare subito al sodo o per chi si \u00e8 perso qualcosa di importante per strada&#8230;<\/p>\n","protected":false},"author":8,"featured_media":39252,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[123],"tags":[],"class_list":["post-5272","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-progetto-grafico"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>come scegliere il font giusto... questione di carattere<\/title>\n<meta name=\"description\" content=\"Come trovare il font giusto e, soprattutto, come creare i giusti abbinamenti di caratteri per creare armonia e interesse?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"come scegliere il font giusto... questione di carattere\" \/>\n<meta property=\"og:description\" content=\"Come trovare il font giusto e, soprattutto, come creare i giusti abbinamenti di caratteri per creare armonia e interesse?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/\" \/>\n<meta property=\"og:site_name\" content=\"Gislon: comunicazione di prodotto e d\u2019impresa per l\u2019industria tecnica\" \/>\n<meta property=\"article:published_time\" content=\"2013-12-01T17:00:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-14T17:30:25+00:00\" \/>\n<meta name=\"author\" content=\"Carlo Gislon\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Gislon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/\"},\"author\":{\"name\":\"Carlo Gislon\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#\\\/schema\\\/person\\\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e\"},\"headline\":\"Consigli pratici e immediati per scegliere un giusto abbinamento di caratteri\",\"datePublished\":\"2013-12-01T17:00:41+00:00\",\"dateModified\":\"2025-12-14T17:30:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/\"},\"wordCount\":1683,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/brett-jordan-M9NVqELEtHU-unsplash.webp\",\"articleSection\":[\"Progetto\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/\",\"name\":\"come scegliere il font giusto... questione di carattere\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/brett-jordan-M9NVqELEtHU-unsplash.webp\",\"datePublished\":\"2013-12-01T17:00:41+00:00\",\"dateModified\":\"2025-12-14T17:30:25+00:00\",\"description\":\"Come trovare il font giusto e, soprattutto, come creare i giusti abbinamenti di caratteri per creare armonia e interesse?\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/brett-jordan-M9NVqELEtHU-unsplash.webp\",\"contentUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/brett-jordan-M9NVqELEtHU-unsplash.webp\",\"width\":850,\"height\":638},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/scelta-del-carattere\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progetto\",\"item\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/category\\\/progetto-grafico\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Consigli pratici e immediati per scegliere un giusto abbinamento di caratteri\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#website\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/\",\"name\":\"Gislon: creative direction studio\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#organization\"},\"alternateName\":\"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#organization\",\"name\":\"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/logo-segnopositivoRisorsa-2.svg\",\"contentUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/logo-segnopositivoRisorsa-2.svg\",\"width\":186,\"height\":55,\"caption\":\"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica\"},\"image\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#\\\/schema\\\/person\\\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e\",\"name\":\"Carlo Gislon\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/litespeed\\\/avatar\\\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1788957114\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/litespeed\\\/avatar\\\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1788957114\",\"contentUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/litespeed\\\/avatar\\\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1788957114\",\"caption\":\"Carlo Gislon\"},\"description\":\"di Carlo Gislon\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"come scegliere il font giusto... questione di carattere","description":"Come trovare il font giusto e, soprattutto, come creare i giusti abbinamenti di caratteri per creare armonia e interesse?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/","og_locale":"it_IT","og_type":"article","og_title":"come scegliere il font giusto... questione di carattere","og_description":"Come trovare il font giusto e, soprattutto, come creare i giusti abbinamenti di caratteri per creare armonia e interesse?","og_url":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/","og_site_name":"Gislon: comunicazione di prodotto e d\u2019impresa per l\u2019industria tecnica","article_published_time":"2013-12-01T17:00:41+00:00","article_modified_time":"2025-12-14T17:30:25+00:00","author":"Carlo Gislon","twitter_misc":{"Scritto da":"Carlo Gislon","Tempo di lettura stimato":"9 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/#article","isPartOf":{"@id":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/"},"author":{"name":"Carlo Gislon","@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/person\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e"},"headline":"Consigli pratici e immediati per scegliere un giusto abbinamento di caratteri","datePublished":"2013-12-01T17:00:41+00:00","dateModified":"2025-12-14T17:30:25+00:00","mainEntityOfPage":{"@id":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/"},"wordCount":1683,"commentCount":0,"publisher":{"@id":"https:\/\/carlogislon.it\/staging\/#organization"},"image":{"@id":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/#primaryimage"},"thumbnailUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/12\/brett-jordan-M9NVqELEtHU-unsplash.webp","articleSection":["Progetto"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/","url":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/","name":"come scegliere il font giusto... questione di carattere","isPartOf":{"@id":"https:\/\/carlogislon.it\/staging\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/#primaryimage"},"image":{"@id":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/#primaryimage"},"thumbnailUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/12\/brett-jordan-M9NVqELEtHU-unsplash.webp","datePublished":"2013-12-01T17:00:41+00:00","dateModified":"2025-12-14T17:30:25+00:00","description":"Come trovare il font giusto e, soprattutto, come creare i giusti abbinamenti di caratteri per creare armonia e interesse?","breadcrumb":{"@id":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/#primaryimage","url":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/12\/brett-jordan-M9NVqELEtHU-unsplash.webp","contentUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/12\/brett-jordan-M9NVqELEtHU-unsplash.webp","width":850,"height":638},{"@type":"BreadcrumbList","@id":"https:\/\/carlogislon.it\/staging\/scelta-del-carattere\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carlogislon.it\/staging\/"},{"@type":"ListItem","position":2,"name":"Progetto","item":"https:\/\/carlogislon.it\/staging\/category\/progetto-grafico\/"},{"@type":"ListItem","position":3,"name":"Consigli pratici e immediati per scegliere un giusto abbinamento di caratteri"}]},{"@type":"WebSite","@id":"https:\/\/carlogislon.it\/staging\/#website","url":"https:\/\/carlogislon.it\/staging\/","name":"Gislon: creative direction studio","description":"","publisher":{"@id":"https:\/\/carlogislon.it\/staging\/#organization"},"alternateName":"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carlogislon.it\/staging\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/carlogislon.it\/staging\/#organization","name":"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica","url":"https:\/\/carlogislon.it\/staging\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/logo\/image\/","url":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/03\/logo-segnopositivoRisorsa-2.svg","contentUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/03\/logo-segnopositivoRisorsa-2.svg","width":186,"height":55,"caption":"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica"},"image":{"@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/person\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e","name":"Carlo Gislon","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/carlogislon.it\/staging\/wp-content\/litespeed\/avatar\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1788957114","url":"https:\/\/carlogislon.it\/staging\/wp-content\/litespeed\/avatar\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1788957114","contentUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/litespeed\/avatar\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1788957114","caption":"Carlo Gislon"},"description":"di Carlo Gislon"}]}},"_links":{"self":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts\/5272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/comments?post=5272"}],"version-history":[{"count":9,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts\/5272\/revisions"}],"predecessor-version":[{"id":39253,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts\/5272\/revisions\/39253"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/media\/39252"}],"wp:attachment":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/media?parent=5272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/categories?post=5272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/tags?post=5272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}