{"id":12451,"date":"2021-12-20T11:39:56","date_gmt":"2021-12-20T11:39:56","guid":{"rendered":"https:\/\/newblog.siteground.com\/it\/?p=12451"},"modified":"2025-11-07T10:45:31","modified_gmt":"2025-11-07T10:45:31","slug":"come-cambiare-font-in-wordpress","status":"publish","type":"post","link":"https:\/\/it.siteground.com\/blog\/come-cambiare-font-in-wordpress\/","title":{"rendered":"Come cambiare i font in WordPress per rendere unico il tuo sito"},"content":{"rendered":"\n<p>I giorni in cui il web era composto da pagine bianche, testo nero e link blu stanno per finire piano piano. Oggi, se vuoi farti notare, la tua pagina deve avere JavaScript, CSS e immagini. A questi si aggiungono i font, sempre pi\u00f9 importanti e capaci di rendere distintivo l&#8217;aspetto del tuo sito web.<\/p>\n\n\n\n<p>A differenza di altri elementi del tuo sito, i font possono essere grandi blocchi di dati che, se non gestiti correttamente, possono rallentare il caricamento del sito. <a href=\"https:\/\/it.siteground.com\/blog\/core-web-vitals-guida-completa\/\">La velocit\u00e0 \u00e8 l&#8217;elemento principale per un sito<\/a> oggi, quindi anche se il design \u00e8 importante, devi assicurarti che non influisca sulla velocit\u00e0 del tuo sito quando scegli e utilizzi i tuoi font.<\/p>\n\n\n\n<p>In questo articolo esamineremo l&#8217;utilizzo dei font su WordPress, come modificarli, come utilizzare i font Google in WordPress e infine, daremo un&#8217;occhiata a come puoi gestire i tuoi font in modo che donino a WordPress un bell&#8217;aspetto senza toccare la velocit\u00e0 del sito.<\/p>\n\n\n\n<p>Scopriamo subito come!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Come_aggiungere_nuovi_font_WordPress_al_tuo_sito\"><\/span>Come aggiungere nuovi font WordPress al tuo sito<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Scegli un font del formato giusto<\/h3>\n\n\n\n<p>Il primo passo che devi fare quando lavori con i font \u00e8 selezionare il tuo font e inserirlo nel tuo sito. Se cerchi in giro, scoprirai che ci sono molti font gratuiti disponibili per l&#8217;uso. Questi caratteri sono disponibili in una variet\u00e0 di formati. Devi assicurarti che quando selezioni un font, ne scegli uno disponibile nel formato giusto. Come con tutto sul web, hai tantissime opzioni e non tutte le opzioni sono uguali o funzionali.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>EOF: Embedded OpenType Fonts<\/strong><br>Questo formato ha caratteri pi\u00f9 compatti dell&#8217;OTF.<\/li><li><strong>OTF: Open Type Fonts<\/strong><br>Questi sono i font pi\u00f9 comunemente usati sul web.<\/li><li><strong>TTF: True Type Fonts<\/strong><br>Questo \u00e8 un formato vecchio sviluppato negli anni &#8217;80 da Microsoft e Apple.<\/li><li><strong>WOF 1.0: Web Open Font Format<\/strong><br>Questo formato \u00e8 ampiamente utilizzato per le pagine web e raccomandato dal W3C.<\/li><li><strong>WOFF 2.0: Web Open Font Format<\/strong><br>Questa \u00e8 un&#8217;opzione migliore di WOFF 1.0 grazie alle migliori capacit\u00e0 di compressione.<\/li><\/ul>\n\n\n\n<p>Al momento della stesura di questo articolo, tutti i formati sono supportati dalla versione corrente di tutti i browser moderni. (NOTA: Internet Explorer non \u00e8 un browser moderno.)<\/p>\n\n\n\n<p>Tutti i formati sopra indicati funzioneranno, tuttavia, per motivi di prestazioni, quando ti \u00e8 possibile utilizza i <strong>font WOFF 2.0<\/strong>. Essendo compressi, si caricheranno pi\u00f9 velocemente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Aggiungi il font WordPress al tuo sito<\/h3>\n\n\n\n<p>Esistono diversi modi per aggiungere font personalizzati al tema. Diamo un&#8217;occhiata a due opzioni: puoi farlo manualmente o puoi farlo tramite temi e plugin.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Opzione 1: aggiungi i font manualmente tramite il File Manager<\/strong><\/h4>\n\n\n\n<p>Per prima cosa, diamo un&#8217;occhiata al metodo pi\u00f9 complesso, ossia caricare i font manualmente.<\/p>\n\n\n\n<p>La prima cosa che dobbiamo fare \u00e8 individuare un font. Ne ho preso uno da uno dei miei siti personali, ma puoi cercare in giro e trovarne uno che ti piace.<\/p>\n\n\n\n<p>Quindi dobbiamo caricare il file del font sul nostro sito. Poich\u00e9 il mio sito di prova \u00e8 ospitato su SiteGround, vado nel SiteTools &gt; Gestione File per farlo.<\/p>\n\n\n\n<p>Sto usando il tema predefinito di WordPress, <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/themes\/twentytwentyone\/\" target=\"_blank\">Twentytwentyone<\/a>. Quindi in quella directory creo un&#8217;altra directory chiamata &#8220;fonts&#8221; e carico l\u00ec il mio file dei font.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"592\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/1-1536x888-1-1024x592.jpg\" alt=\"\" class=\"wp-image-12453\" \/><\/figure>\n\n\n\n<p>Successivamente, dobbiamo dire al nostro tema che ha un nuovo font con cui lavorare. Lo facciamo con una sezione @font-face nel nostro foglio di stile.<\/p>\n\n\n\n<p><em>@font-face {<\/em><\/p>\n\n\n\n<p>&nbsp;&nbsp;<em>&nbsp;&nbsp;font-family: \u201cace_sansbold\u201d;<\/em><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<em>src: url(\u2018fonts\/acesans-bold-webfont.woff2\u2019)&nbsp; format(\u2018woff2\u2019);<\/em><\/p>\n\n\n\n<p>&nbsp;&nbsp;<em>&nbsp;&nbsp;font-weight: normal;<\/em><\/p>\n\n\n\n<p><em>&nbsp;&nbsp;&nbsp;&nbsp;font-style: normal;<\/em><\/p>\n\n\n\n<p><em>}<\/em><\/p>\n\n\n\n<p>Questo dice al nostro tema che c&#8217;\u00e8 una nuova famiglia di font chiamata ace_sansbold e pu\u00f2 essere caricata da fonts\/acesans-bold-webfont.woff2.<\/p>\n\n\n\n<p>Siamo a posto, tuttavia avere il font non fa alcuna differenza se poi non lo applichiamo. Voglio ad esempio che questo font sia utilizzato nel titolo del mio sito. Per farlo troviamo il selettore di stile utilizzato per quello e lo cambiamo.<\/p>\n\n\n\n<p>In twentytwentyone, questo \u00e8 il selettore .site-title:<\/p>\n\n\n\n<p><em>.site-title {<\/em><\/p>\n\n\n\n<p><em>color: var(\u2013branding\u2013color-link);<\/em><\/p>\n\n\n\n<p><em>font-family: var(\u2013branding\u2013title\u2013font-family);<\/em><\/p>\n\n\n\n<p><em>font-size: var(\u2013branding\u2013title\u2013font-size-mobile);<\/em><\/p>\n\n\n\n<p><em>letter-spacing: normal;<\/em><\/p>\n\n\n\n<p><em>text-transform: var(\u2013branding\u2013title\u2013text-transform);<\/em><\/p>\n\n\n\n<p><em>line-height: var(\u2013global\u2013line-height-heading);<\/em><\/p>\n\n\n\n<p><em>margin-bottom: calc(var(\u2013global\u2013spacing-vertical) \/ 6);<\/em><\/p>\n\n\n\n<p><em>}<\/em><\/p>\n\n\n\n<p>Vogliamo fare un cambiamento. Vogliamo cambiare la linea della famiglia di caratteri in questo.<\/p>\n\n\n\n<p>font-family: \u201cace_sansbold\u201d;<\/p>\n\n\n\n<p>Questo dir\u00e0 al nostro tema di utilizzare il nostro nuovo font invece di quello selezionato dal tema. Il risultato finale sar\u00e0 questo:<\/p>\n\n\n\n<p><em>.site-title {<\/em><\/p>\n\n\n\n<p><em>color: var(\u2013branding\u2013color-link);<\/em><\/p>\n\n\n\n<p><em>font-family: \u201cace_sansbold;<\/em><\/p>\n\n\n\n<p><em>font-size: var(\u2013branding\u2013title\u2013font-size-mobile);<\/em><\/p>\n\n\n\n<p><em>letter-spacing: normal;<\/em><\/p>\n\n\n\n<p><em>text-transform: var(\u2013branding\u2013title\u2013text-transform);<\/em><\/p>\n\n\n\n<p><em>line-height: var(\u2013global\u2013line-height-heading);<\/em><\/p>\n\n\n\n<p><em>margin-bottom: calc(var(\u2013global\u2013spacing-vertical) \/ 6);<\/em><\/p>\n\n\n\n<p><em>}<\/em><\/p>\n\n\n\n<p>Ecco come appariva il titolo del mio sito prima di aggiungere il font.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"394\" height=\"172\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/2.jpg\" alt=\"\" class=\"wp-image-12454\" \/><\/figure>\n\n\n\n<p>Dopo aver seguito le istruzioni sopra, appare cos\u00ec:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"418\" height=\"205\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/3.jpg\" alt=\"\" class=\"wp-image-12455\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Opzione 2: aggiungi e modifica i font tramite temi e plugin<\/strong><\/h4>\n\n\n\n<p>Ok, l&#8217;abbiamo fatto nel modo pi\u00f9 complicato, ora proviamo il metodo semplice, ovvero sfruttare i temi e i plugin per aggiungere facilmente caratteri al tuo sito.<\/p>\n\n\n\n<p><strong>Come aggiungere caratteri utilizzando l&#8217;editor di temi<\/strong><\/p>\n\n\n\n<p>La maggior parte dei temi moderni permettere di aggiungere font e assegnarli a parti del sito. Uso il tema Astra di WordPress su uno dei miei siti, che viene fornito con una funzione chiamata &#8220;Font personalizzati&#8221;. Invece di dover caricare manualmente i CSS e caricare i file, mi viene presentato un semplice modulo che mi consente di aggiungere o modificare i font.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1219\" height=\"1455\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/4-858x1024.jpg\" alt=\"\" class=\"wp-image-12456\" \/><\/figure>\n\n\n\n<p>Una volta salvato, tutto viene gestito automaticamente. Non solo il font \u00e8 posizionato dove dovrebbe essere e facilmente accessibile, ma i nuovi caratteri ora appaiono nel mio editor di temi, pronti per l&#8217;uso. Nessun lavoro sul CSS!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"496\" height=\"544\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/5.jpg\" alt=\"\" class=\"wp-image-12457\" \/><\/figure>\n\n\n\n<p>inoltre, Astra include di default tutti i <a rel=\"noreferrer noopener\" href=\"https:\/\/fonts.google.com\/?preview.size=64&amp;preview.layout=row\" target=\"_blank\">Google Fonts<\/a> pronti per essere utilizzati.<\/p>\n\n\n\n<p><strong>Come aggiungere i font utilizzando &#8220;Fonts Plugin&#8221;<\/strong><\/p>\n\n\n\n<p>Se il tuo attuale tema WordPress non include font predefiniti, ci sono soluzioni come i plugin freemium.<\/p>\n\n\n\n<p><a href=\"https:\/\/it.wordpress.org\/plugins\/olympus-google-fonts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Fonts Plugin<\/a><\/p>\n\n\n\n<p>&#8220;Fonts Plugin&#8221; ti offre tutti i font Google per essere utilizzati su WordPress. Inoltre, ti consentir\u00e0 di inserire la tua chiave API di Adobe, se ne hai una, per utilizzare anche tutti i font Adobe.<\/p>\n\n\n\n<p>Una delle cose che questo plugin non far\u00e0, \u00e8 permetterti di caricare caratteri personalizzati come descritto sopra. La versione Pro potrebbe permetterti di farlo, ma la documentazione non \u00e8 chiara su questo punto.<\/p>\n\n\n\n<p>Una caratteristica davvero interessante di questo plugin \u00e8 che ti mette a disposizione un nuovo blocco Gutenberg chiamato blocco &#8220;Google Fonts&#8221;. Questa \u00e8 un&#8217;estensione del blocco Paragrafo e ti d\u00e0 la possibilit\u00e0 di selezionare un font per quel blocco. Cambiare i caratteri per un elemento di testo in Gutenberg \u00e8 complesso, ed \u00e8 bello avere un plugin che lo rende semplice.<\/p>\n\n\n\n<p>Esistono altri plugin che puoi utilizzare per aggiungere font al tema del tuo sito WordPress. Dai una rapida occhiata alla <a href=\"https:\/\/wordpress.org\/plugins\/search\/font\/\" target=\"_blank\" rel=\"noreferrer noopener\">repository dei plugin di WordPress<\/a> e ne troverai diversi che faranno al caso tuo.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[subscribe_cta]<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Come_cambiare_i_font_in_Theme_Customizer\"><\/span>Come cambiare i font in Theme Customizer<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Alcuni temi WordPress hanno selettori di font per diverse parti della tua pagina o del tuo sito. Twentytwentyone non li ha ma, come mostrato sopra, Astra s\u00ec. In Astra, l&#8217;opzione &#8220;Global&#8221; ha un&#8217;opzione &#8220;Typography&#8221;. Cliccando su di essa, ti vengono presentati i selettori che ti consentono di impostare font e pesi diversi per cose come:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Corpo<\/li><li>Intestazioni (H1-H6)<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"505\" height=\"561\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/6.jpg\" alt=\"\" class=\"wp-image-12458\" \/><\/figure>\n\n\n\n<p>Questo ti d\u00e0 un ampio controllo sui font visualizzati sul tuo sito. Diversi temi e plugin aggiungeranno altre opzioni al Customizer di temi per consentirti un controllo pi\u00f9 accurato su quali font vengono utilizzati e dove. Un buon esempio \u00e8 <em>Fonts Plugin<\/em> descritto sopra. Esso aggiunge una sezione al Customizer di temi per twentytwentyone e consente agli utenti di selezionare e assegnare i font.<\/p>\n\n\n\n<p>Puoi scegliere font, pesi e dimensioni per la maggior parte degli elementi standard. Ad esempio, sopra abbiamo sostituito manualmente la famiglia di font per il selettore .site-title. Usando <em>Fonts Plugin<\/em>, \u00e8 semplice come andare su<strong> Advanced Settings &gt; Branding<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"528\" height=\"520\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/7.jpg\" alt=\"\" class=\"wp-image-12459\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bonus_come_evitare_che_i_font_rallentino_il_tuo_sito\"><\/span>Bonus: come evitare che i font rallentino il tuo sito<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Abbiamo parlato molto di come inserire i font nel tuo sito e usarli. I font, tuttavia, sono solo un&#8217;altra cosa che un browser deve caricare per visualizzare il tuo sito. Le cose che un browser deve caricare sono solo cose che possono rallentarlo. Come puoi gestire questo problema? La soluzione \u00e8 precaricare i file dei font. Per fortuna, se ospiti il tuo sito su SiteGround, hai accesso al plugin <a href=\"https:\/\/it.wordpress.org\/plugins\/sg-cachepress\/\">SiteGround Optimizer<\/a> che rende questo compito davvero semplice. Nel plugin, vai nella <strong>sezione Frontend &gt; Generale<\/strong> e troverai la funzione <strong>Precaricamento dei font<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1928\" height=\"1136\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/Screenshot-2021-12-20-at-12.09.02.png\" alt=\"\" class=\"wp-image-12460\" \/><\/figure>\n\n\n\n<p>Questa opzione \u00e8 leggermente diversa dalla maggior parte delle altre opzioni del plugin perch\u00e9 non deve essere attivata o disattivata, ma devi inserire l&#8217;URL del tuo font in modo che possa essere precaricato.<\/p>\n\n\n\n<p>Nel nostro caso, l&#8217;URL sarebbe <em>https:\/\/example.com\/wp-content\/themes\/twentytwentyone\/fonts\/acesans-bold-webfont.woff2<\/em>.<\/p>\n\n\n\n<p>Inseriamo quell&#8217;URL e clicchiamo su <strong>Conferma<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1618\" height=\"786\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/Screenshot-2021-12-20-at-12.16.29.png\" alt=\"\" class=\"wp-image-12461\" \/><\/figure>\n\n\n\n<p>Questo inserir\u00e0 il tag di collegamento corretto con rel=&#8221;preload&#8221;, in modo che il file del font sia la prima cosa che viene caricata. Puoi vederlo aprendo il tuo sito in un browser diverso, uno a cui non hai effettuato l&#8217;accesso. Visita la pagina, clicca su Ispeziona &gt; Rete. Quindi ricarica la pagina.<\/p>\n\n\n\n<p><em>&lt;link&nbsp;<\/em><\/p>\n\n\n\n<p>&nbsp;<em>&nbsp;rel=\u201dpreload\u201d&nbsp;<\/em><\/p>\n\n\n\n<p>&nbsp;&nbsp;<em>as=\u201dfont\u201d<\/em><\/p>\n\n\n\n<p>&nbsp;&nbsp;<em>href=\u201dhttps:\/\/example.com\/wp-content\/themes\/twentytwentyone\/fonts\/acesans-bold-webfont.woff2\u2033&nbsp;<\/em><\/p>\n\n\n\n<p>&nbsp;&nbsp;<em>Crossorigin<\/em><\/p>\n\n\n\n<p><em>\/&gt;<\/em><\/p>\n\n\n\n<p>La prima voce \u00e8 la pagina effettiva che hai richiesto, ma la seconda voce sar\u00e0 il file dei font. Viene caricato come prima risorsa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"367\" height=\"457\" src=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/10.jpg\" alt=\"\" class=\"wp-image-12462\" \/><\/figure>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><h3 class=\"title title--regular title--size-medium title--weight-bold color-darkest\">Consiglio importante:<\/h3><p class=\"text text--size-medium color-darkest\">Precarica solo i font che usi comunemente. Se precarichi tutti i tuoi font, finirai per rallentare di nuovo il sito. Uno o due font precaricati dovrebbero essere sufficienti per far funzionare il tuo sito.<\/p><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ricapitolando\"><\/span>Ricapitolando<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>I font sono un buon modo per dare un aspetto distintivo al tuo sito. Usati con parsimonia possono mettere in risalto il tuo sito senza influire in modo significativo sulle sue prestazioni.<\/p>\n\n\n\n<p>Come per tutte le cose belle, il troppo stroppia. Troppi font rallenteranno il tuo sito e lo renderanno pi\u00f9 difficile da leggere per i tuoi utenti. Il risultato finale \u00e8 lo stesso in entrambi i casi: gli utenti andranno via, quindi, come per ogni cosa, usa i font in modo saggio e assicurati di mantenerli ottimizzati.<\/p>\n","protected":false},"excerpt":{"rendered":"I giorni in cui il web era composto da pagine bianche, testo nero e link blu stanno per finire piano piano. Oggi, se vuoi farti notare, la tua pagina deve avere JavaScript, CSS e immagini. A questi si aggiungono i font, sempre pi\u00f9 importanti e capaci di rendere distintivo l'aspetto del tuo sito web. A&hellip;","protected":false},"author":81,"featured_media":12452,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2893],"tags":[],"class_list":["post-12451","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hosting-e-sito-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v24.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come cambiare i font in WordPress per rendere unico il tuo sito<\/title>\n<meta name=\"description\" content=\"Scopri come utilizzare e gestire i font su WordPress, per dare un tocco di design al tuo sito, senza incidere sulle performance.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come cambiare i font in WordPress per rendere unico il tuo sito\" \/>\n<meta property=\"og:description\" content=\"Scopri come utilizzare e gestire i font su WordPress, per dare un tocco di design al tuo sito, senza incidere sulle performance.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"SiteGround\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-20T11:39:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-07T10:45:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/how_to_change_wp_fonts_1200x600.jpg\" \/>\n<meta name=\"author\" content=\"Cal Evans\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Come cambiare i font in WordPress per rendere unico il tuo sito\" \/>\n<meta name=\"twitter:description\" content=\"Scopri come utilizzare e gestire i font su WordPress, per dare un tocco di design al tuo sito, senza incidere sulle performance.\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cal Evans\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/\"},\"author\":{\"name\":\"Cal Evans\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/b7d955fe8f207e8e13a00552dc043fff\"},\"headline\":\"Come cambiare i font in WordPress per rendere unico il tuo sito\",\"datePublished\":\"2021-12-20T11:39:56+00:00\",\"dateModified\":\"2025-11-07T10:45:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/\"},\"wordCount\":1653,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/how_to_change_wp_fonts_1200x600.jpg\",\"articleSection\":[\"Hosting e sito web\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/\",\"url\":\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/\",\"name\":\"Come cambiare i font in WordPress per rendere unico il tuo sito\",\"isPartOf\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/how_to_change_wp_fonts_1200x600.jpg\",\"datePublished\":\"2021-12-20T11:39:56+00:00\",\"dateModified\":\"2025-11-07T10:45:31+00:00\",\"description\":\"Scopri come utilizzare e gestire i font su WordPress, per dare un tocco di design al tuo sito, senza incidere sulle performance.\",\"breadcrumb\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#primaryimage\",\"url\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/how_to_change_wp_fonts_1200x600.jpg\",\"contentUrl\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/how_to_change_wp_fonts_1200x600.jpg\",\"width\":1200,\"height\":600,\"caption\":\"cambiare i font WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/newblog.siteground.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Come cambiare i font in WordPress per rendere unico il tuo sito\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#website\",\"url\":\"https:\/\/newblog.siteground.com\/it\/\",\"name\":\"Il blog di SiteGround\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/newblog.siteground.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#organization\",\"name\":\"Il blog di SiteGround\",\"url\":\"https:\/\/newblog.siteground.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/01\/cropped-Siteground-Logo-on-white.jpg\",\"contentUrl\":\"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/01\/cropped-Siteground-Logo-on-white.jpg\",\"width\":164,\"height\":250,\"caption\":\"Il blog di SiteGround\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/b7d955fe8f207e8e13a00552dc043fff\",\"name\":\"Cal Evans\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b8191d355780536d1c461f7e25b75129?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b8191d355780536d1c461f7e25b75129?s=96&d=mm&r=g\",\"caption\":\"Cal Evans\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/calevans\/\"],\"url\":\"https:\/\/newblog.siteground.com\/it\/author\/calevans\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Come cambiare i font in WordPress per rendere unico il tuo sito","description":"Scopri come utilizzare e gestire i font su WordPress, per dare un tocco di design al tuo sito, senza incidere sulle performance.","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:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Come cambiare i font in WordPress per rendere unico il tuo sito","og_description":"Scopri come utilizzare e gestire i font su WordPress, per dare un tocco di design al tuo sito, senza incidere sulle performance.","og_url":"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/","og_site_name":"SiteGround","article_published_time":"2021-12-20T11:39:56+00:00","article_modified_time":"2025-11-07T10:45:31+00:00","og_image":[{"url":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/how_to_change_wp_fonts_1200x600.jpg","type":"","width":"","height":""}],"author":"Cal Evans","twitter_card":"summary_large_image","twitter_title":"Come cambiare i font in WordPress per rendere unico il tuo sito","twitter_description":"Scopri come utilizzare e gestire i font su WordPress, per dare un tocco di design al tuo sito, senza incidere sulle performance.","twitter_misc":{"Written by":"Cal Evans","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/"},"author":{"name":"Cal Evans","@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/b7d955fe8f207e8e13a00552dc043fff"},"headline":"Come cambiare i font in WordPress per rendere unico il tuo sito","datePublished":"2021-12-20T11:39:56+00:00","dateModified":"2025-11-07T10:45:31+00:00","mainEntityOfPage":{"@id":"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/"},"wordCount":1653,"commentCount":0,"publisher":{"@id":"https:\/\/newblog.siteground.com\/it\/#organization"},"image":{"@id":"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/how_to_change_wp_fonts_1200x600.jpg","articleSection":["Hosting e sito web"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/","url":"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/","name":"Come cambiare i font in WordPress per rendere unico il tuo sito","isPartOf":{"@id":"https:\/\/newblog.siteground.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/how_to_change_wp_fonts_1200x600.jpg","datePublished":"2021-12-20T11:39:56+00:00","dateModified":"2025-11-07T10:45:31+00:00","description":"Scopri come utilizzare e gestire i font su WordPress, per dare un tocco di design al tuo sito, senza incidere sulle performance.","breadcrumb":{"@id":"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#primaryimage","url":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/how_to_change_wp_fonts_1200x600.jpg","contentUrl":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2021\/12\/how_to_change_wp_fonts_1200x600.jpg","width":1200,"height":600,"caption":"cambiare i font WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/newblog.siteground.com\/it\/come-cambiare-font-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/newblog.siteground.com\/it\/"},{"@type":"ListItem","position":2,"name":"Come cambiare i font in WordPress per rendere unico il tuo sito"}]},{"@type":"WebSite","@id":"https:\/\/newblog.siteground.com\/it\/#website","url":"https:\/\/newblog.siteground.com\/it\/","name":"Il blog di SiteGround","description":"","publisher":{"@id":"https:\/\/newblog.siteground.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/newblog.siteground.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/newblog.siteground.com\/it\/#organization","name":"Il blog di SiteGround","url":"https:\/\/newblog.siteground.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/01\/cropped-Siteground-Logo-on-white.jpg","contentUrl":"https:\/\/newblog.siteground.com\/it\/wp-content\/uploads\/sites\/3\/2025\/01\/cropped-Siteground-Logo-on-white.jpg","width":164,"height":250,"caption":"Il blog di SiteGround"},"image":{"@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/b7d955fe8f207e8e13a00552dc043fff","name":"Cal Evans","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b8191d355780536d1c461f7e25b75129?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b8191d355780536d1c461f7e25b75129?s=96&d=mm&r=g","caption":"Cal Evans"},"sameAs":["https:\/\/www.linkedin.com\/in\/calevans\/"],"url":"https:\/\/newblog.siteground.com\/it\/author\/calevans\/"}]}},"_links":{"self":[{"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/posts\/12451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/comments?post=12451"}],"version-history":[{"count":4,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/posts\/12451\/revisions"}],"predecessor-version":[{"id":15152,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/posts\/12451\/revisions\/15152"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/media\/12452"}],"wp:attachment":[{"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/media?parent=12451"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/categories?post=12451"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/newblog.siteground.com\/it\/wp-json\/wp\/v2\/tags?post=12451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}