{"id":12987,"date":"2020-07-27T16:58:12","date_gmt":"2020-07-27T16:58:12","guid":{"rendered":"https:\/\/carlogislon.it\/staging\/?p=12987"},"modified":"2025-08-09T07:19:47","modified_gmt":"2025-08-09T07:19:47","slug":"come-usare-google-fonts","status":"publish","type":"post","link":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/","title":{"rendered":"Come utilizzare Google fonts \u2013 non solo per il web"},"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>Trovare il carattere giusto \u00e8 diventato pi\u00f9 facile. La grafica del nuovo sito Google Fonts \u00e8 diventata molto pi\u00f9 godibile guadagnando chiarezza e funzionalit\u00e0.<\/p>\n<p>Usare un font Google per la stampa \u00e8 semplice. Basta farne il download e attivarlo attraverso il proprio sistema operativo o tramite un&#8217;utility di gestione dei font. Tanto su Pc quanto su Mac.<\/p>\n<p>Chi lavora per il web sa invece che l&#8217;uso di questi caratteri nel sito \u00e8 questione di gestire poco codice Css, cosa facilitata da molti temi web preconfezionati.<\/p>\n<h2>Definizione<\/h2>\n<p><b>Font.<\/b> Termine di origine inglese proveniente dal francese medioevale <i>font<\/i> che sta a significare \u00ab(qualcosa che \u00e8 stato) fuso\u00bb (dal latino <i>fundere<\/i>), con riferimento ai caratteri mobili prodotti per la stampa tipografica, ottenuti versando il metallo fuso nella forma contenente la matrice del singolo carattere. (<a href=\"https:\/\/it.wikipedia.org\/wiki\/Tipo_di_carattere\">Wikipedia<\/a>)<\/p>\n<p>Identifica attualmente il <span lang=\"en\">file<\/span> di una famiglia di caratteri e viene spesso erroneamente usato quale sinonimo del termine &#8220;carattere&#8221;.<\/p>\n<p><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color-hover);\">Per essere semplici, il font \u00e8 il file, il carattere \u00e8 la sua rappresentazione grafica (a cui non necessariamente corrisponde un file).<\/span><\/p>\n<h2 id=\"toc_Come_funziona_Google_Fonts\" class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 24; line-height: 1.2;\" data-fontsize=\"24\" data-lineheight=\"28.799999px\">Come usare <i>Google Fonts<\/i>? Un veloce ripasso<\/h2>\n<p>Google Fonts \u00e8 quindi una piattaforma web che ci consente di utilizzare o scaricare font gratuitamente per l&#8217;utilizzo nella stampa e nel web.<\/p>\n<p>L&#8217;uso del font \u00e8 libero ma comunque regolato da licenze, sempre facilmente consultabili, da tenere in conto soprattutto nel caso di una loro ridistribuzione.<\/p>\n<p>All&#8217;apertura, Google Fonts presenta un&#8217;anteprima dei font disponibili secondo una sequenza che di default \u00e8 basata sul trend di utilizzo (i font considerati pi\u00f9 alla moda in base alle tendenze culturali del momento).<\/p>\n<p>In alternativa possiamo optare per i font pi\u00f9 popolari (i pi\u00f9 usati), per gli ultimi inseriti o semplicemente in base a un ordine alfabetico.<\/p>\n<figure><img decoding=\"async\" class=\"lazyload aligncenter wp-image-23412 size-full\" title=\"Google Fonts\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Home-google-font.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Home-google-font.webp\" alt=\"La pagina iniziale Google Fonts\" width=\"1000\" height=\"617\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271000%27%20height%3D%27617%27%20viewBox%3D%270%200%201000%20617%27%3E%3Crect%20width%3D%271000%27%20height%3D%27617%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Home-google-font-200x123.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Home-google-font-300x185.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Home-google-font-400x247.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Home-google-font-600x370.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Home-google-font-768x474.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Home-google-font-800x494.webp 800w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Home-google-font.webp 1000w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><figcaption>Schermata di apertura di Google Font, ordinati per tendenza<\/figcaption><\/figure>\n<p>Se conosciamo il nome del carattere, di una sua parte o il nome dell&#8217;autore, possiamo utilizzare la funzione di ricerca che \u00e8 possibile perfezionare attraverso la scelta delle categorie come <i>serif<\/i> o <i>sans-serif <\/i>e diverse altre propriet\u00e0: spessore, larghezza, ecc.<\/p>\n<figure><img decoding=\"async\" class=\"lazyload aligncenter wp-image-23414 size-full\" title=\"Google font download e preview area\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Testing-google-font.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Testing-google-font.webp\" alt=\"Google font dowloand e preview area. Dove si esamina con ampia anteprima e si scaricano i font in tutte le loro versioni\" width=\"1000\" height=\"576\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271000%27%20height%3D%27576%27%20viewBox%3D%270%200%201000%20576%27%3E%3Crect%20width%3D%271000%27%20height%3D%27576%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Testing-google-font-200x115.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Testing-google-font-300x173.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Testing-google-font-400x230.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Testing-google-font-600x346.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Testing-google-font-768x442.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Testing-google-font-800x461.webp 800w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Testing-google-font.webp 1000w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><figcaption>Una volta selezionato il font, si apre una schermata di preview, molto migliorata rispetto alle versioni precedenti di Google Font con la possibilit\u00e0 di testare il carattere \u2013veramente\u2013 all&#8217;opera.<\/figcaption><\/figure>\n<figure><img decoding=\"async\" class=\"lazyload aligncenter wp-image-23416 size-full\" title=\"google fonts knowledge\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-16-alle-10.29.05.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-16-alle-10.29.05.webp\" alt=\"l'esaustivo e ben progettato centro di conoscenza sull'uso del carattere tipografico\" width=\"1000\" height=\"585\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271000%27%20height%3D%27585%27%20viewBox%3D%270%200%201000%20585%27%3E%3Crect%20width%3D%271000%27%20height%3D%27585%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-16-alle-10.29.05-200x117.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-16-alle-10.29.05-300x176.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-16-alle-10.29.05-400x234.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-16-alle-10.29.05-600x351.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-16-alle-10.29.05-768x449.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-16-alle-10.29.05-800x468.webp 800w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-16-alle-10.29.05.webp 1000w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><figcaption>Google Font \u00e8 anche un ottimo servizio per istruirsi sull&#8217;uso dei caratteri tipografici in generale con ottimi articoli, ottimi contenuti in un&#8217;ottima grafica, esaustivi e chiari<\/figcaption><\/figure>\n<figure><img decoding=\"async\" class=\"lazyload aligncenter wp-image-23418 size-full\" title=\"materyal symbol di Google\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/nuove-icone-google.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/nuove-icone-google.webp\" alt=\"il nuovo set icone materyal symbol di Google, oltre 3000 simboli in diverse varianti\" width=\"1000\" height=\"686\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271000%27%20height%3D%27686%27%20viewBox%3D%270%200%201000%20686%27%3E%3Crect%20width%3D%271000%27%20height%3D%27686%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/nuove-icone-google-200x137.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/nuove-icone-google-300x206.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/nuove-icone-google-400x274.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/nuove-icone-google-600x412.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/nuove-icone-google-768x527.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/nuove-icone-google-800x549.webp 800w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/nuove-icone-google.webp 1000w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><figcaption>Il nuovo set di icone Google &#8220;Material Symbol&#8221;, circa tremila simboli disponibili in diverse varianti<\/figcaption><\/figure>\n<p>Possiamo personalizzare il testo dell&#8217;anteprima magari inserendo una parte del testo su cui stiamo lavorando e possiamo anche variare le dimensioni a piacimento per ogni singolo paragrafo.<\/p>\n<p>Una volta scelto il carattere, clicchiamo su &#8220;Download family&#8221; e attiviamo il font nel nostro computer nella maniera che preferiamo, oppure selezioniamo il codice Css da includere nel sito web.<\/p>\n<h2 id=\"toc_I_font_variabili\" class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 24; line-height: 1.2;\" data-fontsize=\"24\" data-lineheight=\"28.799999px\">I font variabili<\/h2>\n<p>I &#8220;font variabili&#8221; sono delle novit\u00e0 pi\u00f9 recenti. Praticamente consentono di regolare a piacere lo spessore del font e le distorsioni del font sull&#8217;asse verticale e orizzontale. <span lang=\"en\">Indesign<\/span> e Illustrator sono due applicazioni che ne consentono l&#8217;uso.<\/p>\n<p>Molto pratico ma a mio parere ci\u00f2 potrebbe indurre nell&#8217;errore di utilizzare nello stesso documento troppe varianti. \u00c8 buona pratica non esagerare per non generare un messaggio dispersivo.<\/p>\n<p>Le buone composizioni tipografiche usano non pi\u00f9 di due o tre font e relative varianti corsivo, grassetto ecc.<\/p>\n<h2 id=\"toc_Tutte_non_proprio_le_lingue_del_mondo_con\">Tutte (non proprio) le lingue del mondo con <i>Noto<\/i><\/h2>\n<p>Noto \u00e8 una collezione di font disponibile in pi\u00f9 di mille lingue diverse. Se si lavora su un ambito abbastanza ristretto \u00e8 difficile rendersi conto dell&#8217;importanza di tale innovazione.<\/p>\n<p>Da un punto di vista globale invece, Noto \u00e8 un enorme passo in avanti verso un conoscenza globale che includa anche &#8220;lingue minoritarie&#8221;.<\/p>\n<p>Il progetto, al di l\u00e0 degli ovvi anche se indiretti interessi economici e di monopolio di Google, si rivela fondamentale per la salvaguardia degli alfabeti in via di estinzione.<\/p>\n<p>Google Fonts dedica una sezione apposita per questo progetto che rappresenta probabilmente il pi\u00f9 grande sforzo mai fatto per digitalizzare l&#8217;uso di nuovi alfabeti digitali e di lingue tradizionali e antiche del mondo.<\/p>\n<p><img decoding=\"async\" class=\"lazyload aligncenter wp-image-23424 size-full\" title=\"la collezione di font 'Noto' per supportare digitalmente oltre mille lingue mondiali\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/noto-google-font.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/noto-google-font.webp\" alt=\"Noto google font\" width=\"1000\" height=\"743\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271000%27%20height%3D%27743%27%20viewBox%3D%270%200%201000%20743%27%3E%3Crect%20width%3D%271000%27%20height%3D%27743%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/noto-google-font-200x149.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/noto-google-font-300x223.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/noto-google-font-400x297.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/noto-google-font-600x446.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/noto-google-font-768x571.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/noto-google-font-800x594.webp 800w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/noto-google-font.webp 1000w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h2 id=\"toc_Conclusioni\" class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 24; line-height: 1.2;\" data-fontsize=\"24\" data-lineheight=\"28.799999px\">Conclusioni<\/h2>\n<p>L&#8217;interfaccia notevolmente migliorata e i servizi ampliati meritano un ripasso e una visita dettagliata al sito Google Fonts. Non ci sono pi\u00f9 motivi per usare caratteri tipografici inadatti o peggio versioni &#8220;pirata&#8221;.<\/p>\n<p>Per i grafici, Google Fonts \u00e8 un altro ricco set di strumenti che va ad aggiungersi a quelli forniti da Adobe Fonts, se sei abbonato alla loro suite di programmi grafici.<\/p>\n<p>Per tutti, oltre che un punto dove reperire il font giusto, Google Font \u00e8 un ottimo servizio per apprendere il loro corretto utilizzo dal punto di vista grafico e comunicativo in genere.<\/p>\n<figure><img decoding=\"async\" class=\"lazyload aligncenter wp-image-23439 \" title=\"Un bel libro digitale messa disposizione su Google Fonts sulla teoria e la scelta del carattere tipografico\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Libro-sui-font-683x1024.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Libro-sui-font-683x1024.webp\" alt=\"Come funzionano i caratteri\" width=\"253\" height=\"379\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27253%27%20height%3D%27379%27%20viewBox%3D%270%200%20253%20379%27%3E%3Crect%20width%3D%27253%27%20height%3D%27379%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Libro-sui-font-200x300.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Libro-sui-font-400x600.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Libro-sui-font-600x900.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Libro-sui-font-683x1024.webp 683w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Libro-sui-font-768x1152.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/09\/Libro-sui-font.webp 800w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 253px) 100vw, 253px\" \/><figcaption><i>Scopri come funzionano i caratteri<\/i> \u00e8 un libro messo a disposizione proprio sul sito Google Fonts, sezione Knowledge<\/figcaption><\/figure>\n<p>Insomma, di progressi se ne sono fatti tanti rispetto a solo pochi anni fa, quando cercare un nuovo font voleva per forza dire spendere un sacco di soldi o rifarsi a qualche soluzione &#8220;insolita&#8221;.<\/p>\n<p>Dei buoni progetti grafici non hanno per forza bisogno di servizi costosi, questa \u00e8 la buona notizia o piuttosto una vera e propria evoluzione.<\/p>\n<p>\u00c8 sempre pi\u00f9 la competenza artistica e il processo creativo che fanno la differenza e sempre meno il supporto tecnico.<\/p>\n<p>Questo servizio richiede comunque un minimo di pratica per un corretto utilizzo e i principi tipografici e della comunicazione continuano a costituire le fondamenta di un progetto grafico professionale.<\/p>\n<p>Evviva la &#8220;democrazia&#8221; di questi strumenti quindi. La capacit\u00e0 di usarli va invece conquistata e mantenuta con molto impegno. \u00c8 un po&#8217; meno democratica ma si pu\u00f2 sempre imparare.<\/p>\n<p>E questo blog pu\u00f2 essere un buon inizio.<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Wow, che bello il nuovo servizio Google Fonts! Alla possibilit\u00e0 di scaricare il font perfetto per il web o per la stampa, \u00e8 evidente una nuova missione: diffondere la cultura del carattere tipografico\u2026<\/p>\n","protected":false},"author":8,"featured_media":17897,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[123],"tags":[],"class_list":["post-12987","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>Google Fonts: come trarne il massimo beneficio per il web e la stampa<\/title>\n<meta name=\"description\" content=\"Google Fonts \u00e8 una collezione di un migliaio di caratteri diversi, di libero utilizzo. No sono solo per il web ma anche per la stampa\" \/>\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\/come-usare-google-fonts\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Fonts: come trarne il massimo beneficio per il web e la stampa\" \/>\n<meta property=\"og:description\" content=\"Google Fonts \u00e8 una collezione di un migliaio di caratteri diversi, di libero utilizzo. No sono solo per il web ma anche per la stampa\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/\" \/>\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=\"2020-07-27T16:58:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-09T07:19:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/07\/Google-font.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"450\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/come-usare-google-fonts\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/come-usare-google-fonts\\\/\"},\"author\":{\"name\":\"Carlo Gislon\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#\\\/schema\\\/person\\\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e\"},\"headline\":\"Come utilizzare Google fonts \u2013 non solo per il web\",\"datePublished\":\"2020-07-27T16:58:12+00:00\",\"dateModified\":\"2025-08-09T07:19:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/come-usare-google-fonts\\\/\"},\"wordCount\":1126,\"publisher\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/come-usare-google-fonts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Google-font.jpg\",\"articleSection\":[\"Progetto\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/come-usare-google-fonts\\\/\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/come-usare-google-fonts\\\/\",\"name\":\"Google Fonts: come trarne il massimo beneficio per il web e la stampa\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/come-usare-google-fonts\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/come-usare-google-fonts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Google-font.jpg\",\"datePublished\":\"2020-07-27T16:58:12+00:00\",\"dateModified\":\"2025-08-09T07:19:47+00:00\",\"description\":\"Google Fonts \u00e8 una collezione di un migliaio di caratteri diversi, di libero utilizzo. No sono solo per il web ma anche per la stampa\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/come-usare-google-fonts\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carlogislon.it\\\/staging\\\/come-usare-google-fonts\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/come-usare-google-fonts\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Google-font.jpg\",\"contentUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Google-font.jpg\",\"width\":450,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/come-usare-google-fonts\\\/#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\":\"Come utilizzare Google fonts \u2013 non solo per il web\"}]},{\"@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":"Google Fonts: come trarne il massimo beneficio per il web e la stampa","description":"Google Fonts \u00e8 una collezione di un migliaio di caratteri diversi, di libero utilizzo. No sono solo per il web ma anche per la stampa","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\/come-usare-google-fonts\/","og_locale":"it_IT","og_type":"article","og_title":"Google Fonts: come trarne il massimo beneficio per il web e la stampa","og_description":"Google Fonts \u00e8 una collezione di un migliaio di caratteri diversi, di libero utilizzo. No sono solo per il web ma anche per la stampa","og_url":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/","og_site_name":"Gislon: comunicazione di prodotto e d\u2019impresa per l\u2019industria tecnica","article_published_time":"2020-07-27T16:58:12+00:00","article_modified_time":"2025-08-09T07:19:47+00:00","og_image":[{"width":450,"height":300,"url":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/07\/Google-font.jpg","type":"image\/jpeg"}],"author":"Carlo Gislon","twitter_misc":{"Scritto da":"Carlo Gislon","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/#article","isPartOf":{"@id":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/"},"author":{"name":"Carlo Gislon","@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/person\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e"},"headline":"Come utilizzare Google fonts \u2013 non solo per il web","datePublished":"2020-07-27T16:58:12+00:00","dateModified":"2025-08-09T07:19:47+00:00","mainEntityOfPage":{"@id":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/"},"wordCount":1126,"publisher":{"@id":"https:\/\/carlogislon.it\/staging\/#organization"},"image":{"@id":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/#primaryimage"},"thumbnailUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/07\/Google-font.jpg","articleSection":["Progetto"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/","url":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/","name":"Google Fonts: come trarne il massimo beneficio per il web e la stampa","isPartOf":{"@id":"https:\/\/carlogislon.it\/staging\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/#primaryimage"},"image":{"@id":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/#primaryimage"},"thumbnailUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/07\/Google-font.jpg","datePublished":"2020-07-27T16:58:12+00:00","dateModified":"2025-08-09T07:19:47+00:00","description":"Google Fonts \u00e8 una collezione di un migliaio di caratteri diversi, di libero utilizzo. No sono solo per il web ma anche per la stampa","breadcrumb":{"@id":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/#primaryimage","url":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/07\/Google-font.jpg","contentUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/07\/Google-font.jpg","width":450,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/carlogislon.it\/staging\/come-usare-google-fonts\/#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":"Come utilizzare Google fonts \u2013 non solo per il web"}]},{"@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\/12987","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=12987"}],"version-history":[{"count":1,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts\/12987\/revisions"}],"predecessor-version":[{"id":32369,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts\/12987\/revisions\/32369"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/media\/17897"}],"wp:attachment":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/media?parent=12987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/categories?post=12987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/tags?post=12987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}