{"id":82008,"date":"2025-09-25T08:24:34","date_gmt":"2025-09-25T07:24:34","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=82008&#038;preview=true&#038;preview_id=82008"},"modified":"2025-09-26T12:19:40","modified_gmt":"2025-09-26T11:19:40","slug":"font-variabili","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/","title":{"rendered":"Utilizzare i font variabili nei temi WordPress"},"content":{"rendered":"<p>Con l&#8217;introduzione dei <a href=\"https:\/\/kinsta.com\/it\/blog\/font-web-safe\/\">web font<\/a> nel 2009, i web designer hanno a disposizione una ricca serie di palette tipografiche. Questi font sono stati largamente utilizzati grazie alla regola <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-css\/\">CSS<\/a> <code>@fontface<\/code>, che ha dato ai designer la possibilit\u00e0 di svincolarsi dai font web-safe (di sistema).<\/p>\n<p>Una variet\u00e0 di formati di file di font erano (e sono) disponibili presso grandi fonderie di font, in particolare <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-google-fonts\/\">Google Fonts<\/a>.<\/p>\n<p>All&#8217;epoca, utilizzare i font per il web significava lavorare con file separati per ogni peso e stile di carattere. Ad esempio, nomi di file come i seguenti rendevano chiaro il modo in cui il font sarebbe stato visualizzato:<\/p>\n<pre><code class=\"language-bash\">Roboto-Italic.woff2\nLato-BoldItalic.woff2\nOpenSans-SemiBold.ttf\nWorkSans-ExtraBold.ttf<\/code><\/pre>\n<p>Ogni variante doveva essere caricata come file a s\u00e9 stante. Questo aumentava il peso della pagina, richiedeva un maggior numero di richieste HTTP e aggiungeva complessit\u00e0 nella scelta e nell&#8217;applicazione dei font in un design.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Hai bisogno di un rapido ripasso sui font per il web? Dai un&#8217;occhiata alla nostra guida: <em><a href=\"https:\/\/kinsta.com\/it\/blog\/come-cambiare-i-font-in-wordpress\/#terminology\">Come cambiare i font in WordPress (e cambiare dimensione, colore, ottimizzazione)<\/a><\/em>.<\/p>\n<\/aside>\n\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>L&#8217;ascesa dei font variabili<\/h2>\n<p>Nel 2016 \u00e8 arrivata un&#8217;importante svolta nella tipografia digitale: i font variabili. Sviluppati in collaborazione da Google, Apple, Adobe e Microsoft, sono entrati rapidamente nel mainstream.<\/p>\n<p>La caratteristica distintiva di un font variabile \u00e8 che pu\u00f2 contenere uno qualsiasi dei seguenti elementi, ognuno dei quali \u00e8 noto come asse:<\/p>\n<table>\n<tbody>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Asse <\/strong><\/td>\n<td colspan=\"1\" rowspan=\"1\"><strong>Propriet\u00e0 CSS <\/strong><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">peso<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-weight<\/code><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">stile<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-style: italic<\/code><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">inclinazione<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-style: oblique<\/code><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">allungamento<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-stretch<\/code><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Asse delle dimensioni ottiche (opsz)<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-variations-setting<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Il formato di file pi\u00f9 utilizzato \u00e8 <code>.woff2<\/code> (Web Open Font Format), un formato altamente compresso che \u00e8 diventato una <a href=\"https:\/\/www.w3.org\/blog\/2018\/wcag21-rec\/\">raccomandazione del W3C<\/a> nel 2018. Anche se formati come <code>.ttf<\/code> e <code>.otf<\/code> possono essere utilizzati come font variabili, il formato pi\u00f9 efficiente \u00e8 <code>.woff2<\/code>. Tutti i browser moderni supportano i font variabili.<\/p>\n<p>Per chiarezza, facciamo una distinzione tra &#8220;web font&#8221; e &#8220;font variabili&#8221;. In pratica, per\u00f2, spesso i font variabili vengono accomunati ai font web.<\/p>\n<h3>Perch\u00e9 usare i font variabili?<\/h3>\n<p>Ci sono tre motivi principali per utilizzare i font variabili nei progetti web:<\/p>\n<ol start=\"1\">\n<li><strong>Migliori prestazioni:<\/strong> Invece di richiamare pi\u00f9 file di font separati (Regular, Bold, Italic, ecc.), un unico file di font variabile pu\u00f2 coprirli tutti. Questo significa meno <a href=\"https:\/\/kinsta.com\/it\/blog\/cos-e-una-richiesta-http\/\">richieste HTTP<\/a> e tempi di caricamento ridotti.<\/li>\n<li><strong>Flessibilit\u00e0 nella progettazione:<\/strong> I font variabili permettono di avere un controllo granulare. Ad esempio, invece di essere vincolati a <code>font-weight: 500<\/code> o <code>600<\/code>, possiamo impostare un valore personalizzato come <code>532<\/code>.<\/li>\n<li><strong>Tipografia reattiva:<\/strong> Poich\u00e9 i font variabili possono adattarsi in modo fluido, \u00e8 possibile creare una tipografia che risponda a tutti i dispositivi. Un buon esempio: l&#8217;uso di <code>font-weight: clamp()<\/code> per scalare il peso tra i diversi viewport, senza i bruschi &#8220;salti&#8221; che si avrebbero con i file di font statici.<\/li>\n<\/ol>\n<h2>Come WordPress utilizza i font variabili<\/h2>\n<p>Con il rilascio di <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-6-1\/\">WordPress 6.1<\/a> nel novembre 2022, \u00e8 stato aggiunto al sistema del <code>theme.json<\/code> il supporto dei font variabili. La prima dimostrazione \u00e8 stata data dal tema <a href=\"https:\/\/kinsta.com\/it\/blog\/twenty-twenty-three\/\">Twenty Twenty-Three<\/a>.<\/p>\n<h3>Personalizzazione di un tema con font variabili<\/h3>\n<p>Quando si lavora con un <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/\">child theme<\/a> di TT5, si inizia con l&#8217;acquisizione degli stili del tema genitore e del child theme.<\/p>\n<p>Per assicurarci che i font personalizzati appaiano in modo coerente sia nell&#8217;editor che sul front-end, inseriamo anche un file <code>fonts.css<\/code> che include le dichiarazioni <code>@font-face<\/code> necessarie.<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/\/ enqueue parent and child styles\nadd_action('wp_enqueue_scripts', function() {\n   wp_enqueue_style(\n       'parent-style',\n       get_template_directory_uri() . '\/style.css'\n   );\n\n   wp_enqueue_style(\n       'child-style',\n       get_stylesheet_uri(),\n       array('parent-style'),\n       wp_get_theme()-&gt;get('Version')\n   );\n\n   \/\/ enqueue custom fonts\n   wp_enqueue_style(\n       'child-fonts',\n       get_stylesheet_directory_uri() . '\/fonts.css',\n       array(),\n       wp_get_theme()-&gt;get('Version')\n   );\n});<\/code><\/pre>\n<p>Come sempre, le modalit\u00e0 di invio degli script dipendono dal tema stesso. Non esiste un metodo standard.<\/p>\n<p>Per assicurarci di aver configurato correttamente il nostro child theme, eseguiamo questo test nel file <code>styles.css<\/code>:<\/p>\n<pre><code class=\"language-css\">body { background: #0000ff; }<\/code><\/pre>\n<h3>Aggiunta di font con il theme.json<\/h3>\n<p>TT5 include gi\u00e0 due font variabili predefiniti: <a href=\"https:\/\/fonts.google.com\/specimen\/Manrope\">Manrope<\/a> e <a href=\"https:\/\/fonts.google.com\/specimen\/Fira+Code\">Fira Code<\/a>. Per questo esempio, aggiungiamo <a href=\"https:\/\/fonts.google.com\/specimen\/Vollkorn\">Vollkorn<\/a> e rendiamolo il font di intestazione predefinito con peso 600.<\/p>\n<p>Ecco la parte rilevante di <code>theme.json<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n  \"$schema\": \"https:\/\/schemas.wp.org\/wp\/6.7\/theme.json\",\n  \"version\": 3,\n  \"settings\": {\n    \"appearanceTools\": true,\n    \"typography\": {\n      \"fontFamilies\": [\n        {\n          \"name\": \"Manrope\",\n          \"slug\": \"manrope\",\n          \"fontFamily\": \"Manrope, sans-serif\",\n          \"fontFace\": [\n            {\n              \"fontFamily\": \"Manrope\",\n              \"src\": [\"file:..\/twentytwentyfive\/assets\/fonts\/manrope\/Manrope-VariableFont_wght.woff2\"],\n              \"fontWeight\": \"200 800\",\n              \"fontStyle\": \"normal\"\n            }\n          ]\n        },\n        {\n          \"name\": \"Fira Code\",\n          \"slug\": \"fira-code\",\n          \"fontFamily\": \"\"Fira Code\", monospace\",\n          \"fontFace\": [\n            {\n              \"fontFamily\": \"\"Fira Code\"\",\n              \"src\": [\"file:..\/twentytwentyfive\/assets\/fonts\/fira-code\/FiraCode-VariableFont_wght.woff2\"],\n              \"fontWeight\": \"300 700\",\n              \"fontStyle\": \"normal\"\n            }\n          ]\n        },\n        {\n          \"name\": \"Vollkorn\",\n          \"slug\": \"vollkorn\",\n          \"fontFamily\": \"Vollkorn, serif\",\n          \"fontFace\": [\n            {\n              \"fontFamily\": \"Vollkorn\",\n              \"src\": [\"file:..\/twentytwentyfive\/assets\/fonts\/vollkorn\/Vollkorn-VariableFont_wght.woff2\"],\n              \"fontWeight\": \"400 900\",\n              \"fontStyle\": \"normal\"\n            },\n            {\n              \"fontFamily\": \"Vollkorn\",\n              \"src\": [\"file:..\/twentytwentyfive\/assets\/fonts\/vollkorn\/Vollkorn-Italic-VariableFont_wght.woff2\"],\n              \"fontWeight\": \"400 900\",\n              \"fontStyle\": \"italic\"\n            }\n          ]\n        }\n      ],\n      \"customFontSize\": true,\n      \"fluid\": true\n    }\n  },\n  \"styles\": {\n    \"typography\": {\n      \"fontFamily\": \"var:preset|font-family|manrope\"\n    },\n    \"elements\": {\n      \"heading\": {\n        \"typography\": {\n          \"fontFamily\": \"var:preset|font-family|vollkorn\",\n          \"fontWeight\": \"600\"\n        }\n      }\n    }\n  }\n}<\/code><\/pre>\n<p>Il risultato \u00e8 la comparsa del font Vollkorn in tutto il sito.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/08\/vollkorn-in-wp.png\" alt=\"Il font Vollkorn \u00e8 ora disponibile nella libreria dei font di WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Il font Vollkorn \u00e8 ora disponibile nella libreria dei font di WordPress.<\/figcaption><\/figure>\n<p>Ci sono diverse cose da notare:<\/p>\n<ul>\n<li>Potremmo voler copiare i file Manrope e Fira Code su child theme nel caso in cui TT5 venga aggiornato con nuovi percorsi dei file.<\/li>\n<li>Potrebbe sembrare che il codice per questi font sia superfluo, dato che sono gi\u00e0 registrati dal tema principale. Tuttavia, \u00e8 importante dichiararli nel child theme. In questo modo si assicura che vengano visualizzati correttamente nell&#8217;interfaccia utente della libreria di font e che rimangano disponibili anche se il tema principale si aggiorna con nuovi percorsi o modifiche.<\/li>\n<li>Stiamo facendo riferimento a due diversi file Vollkorn.<\/li>\n<\/ul>\n<h3>Assicurarsi che i font vengano caricati correttamente<\/h3>\n<p>A volte i font non vengono visualizzati correttamente sul front-end finch\u00e9 non li si dichiara nel CSS. Ecco un tipico esempio di <code>styles.css<\/code>:<\/p>\n<pre><code class=\"language-css\">\/*\nTheme Name: TT5 Child\nTemplate: twentytwentyfive\nVersion: 1.0\n*\/\n\n\/* Ensure fonts are loaded and applied *\/\nbody {\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n               Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\n}\n\ncode,\npre {\n  font-family: 'Fira Code', 'Courier New', monospace;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-family: 'Vollkorn', 'Times New Roman', serif;\n}<\/code><\/pre>\n<p>Nel file <code>fonts.css<\/code>, dichiariamo i file dei font utilizzando <code>@font-face<\/code>. In questo modo il browser sa quali font caricare e applicare. Se desideriamo <strong>precaricare veramente<\/strong> i font critici (ad esempio, il font dell&#8217;intestazione principale), possiamo anche aggiungere un <code>&lt;link rel=\"preload\"&gt;<\/code> al tag <code>&lt;head&gt;<\/code> del sito tramite <a href=\"https:\/\/developer.wordpress.org\/plugins\/hooks\/\">gli hook di WordPress<\/a>. Nella maggior parte dei casi, la regola <code>@font-face<\/code> con <code>font-display: swap<\/code> offre un buon equilibrio tra prestazioni ed esperienza utente.<\/p>\n<pre><code class=\"language-css\">\/* Preload critical fonts for better performance *\/\n@font-face {\n  font-family: 'Manrope';\n  src: url('..\/twentytwentyfive\/assets\/fonts\/manrope\/Manrope-VariableFont_wght.woff2')\n       format('woff2');\n  font-weight: 100 900;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'Fira Code';\n  src: url('..\/twentytwentyfive\/assets\/fonts\/fira-code\/FiraCode-VariableFont_wght.woff2')\n       format('woff2');\n  font-weight: 100 900;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'Vollkorn';\n  src: url('..\/twentytwentyfive\/assets\/fonts\/vollkorn\/Vollkorn-VariableFont_wght.woff2')\n       format('woff2');\n  font-weight: 100 900;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'Vollkorn';\n  src: url('..\/twentytwentyfive\/assets\/fonts\/vollkorn\/Vollkorn-Italic-VariableFont_wght.woff2')\n       format('woff2');\n  font-weight: 100 900;\n  font-style: italic;\n  font-display: swap;\n}<\/code><\/pre>\n<p>Il risultato \u00e8 una pagina in cui di default le intestazioni sono in Vollkorn con un peso del carattere pari a 600.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/08\/using-vollkorn.png\" alt=\"Vollkorn \u00e8 stato impostato come font predefinito per le intestazioni nell'editor di WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Vollkorn \u00e8 stato impostato come font predefinito per le intestazioni nell&#8217;editor di WordPress.<\/figcaption><\/figure>\n<p>Se si preferisce, si possono includere le regole di <code>@font-face<\/code> in <code>styles.css<\/code>. In questo modo non sar\u00e0 pi\u00f9 necessario inserire il file <code>fonts.css<\/code>.<\/p>\n<h2>Facilitare la scelta dei pesi dei font da parte degli utenti<\/h2>\n<p>Uno dei maggiori vantaggi dei font variabili \u00e8 che i pesi non sono limitati a valori fissi come 400 o 600. \u00c8 possibile utilizzare qualsiasi valore compreso tra <strong>100 e 900<\/strong>. Il problema \u00e8 che WordPress non fornisce un&#8217;interfaccia utente per scegliere questi pesi personalizzati.<\/p>\n<p>Per risolvere questo problema, abbiamo creato un <strong>plugin minimale<\/strong> chiamato <em>Font Weight Options<\/em>. Questo plugin aggiunge una pagina di impostazioni in <strong>Aspetto<\/strong> &gt; <strong>Peso dei caratteri<\/strong> dove \u00e8 possibile definire i pesi personalizzati per il testo, le intestazioni e i blocchi di codice.<\/p>\n<p>Ecco una panoramica della logica di base:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Plugin Name: Font Weight Options\n *\/\n\nclass Font_Weight_Options {\n    public function __construct() {\n        add_action( 'admin_menu', array( $this, 'add_admin_menu' ) );\n        add_action( 'wp_head', array( $this, 'apply_font_weights_frontend' ) );\n    }\n\n    public function add_admin_menu() {\n        add_theme_page(\n            __( 'Font Weight Settings', 'font-weight-options' ),\n            __( 'Font Weight', 'font-weight-options' ),\n            'manage_options',\n            'font-weight-settings',\n            array( $this, 'render_admin_page' )\n        );\n    }\n\n    public function apply_font_weights_frontend() {\n        $weights = get_option( 'fwo_font_weights', array(\n            'body' =&gt; 400,\n            'headings' =&gt; 600,\n            'code' =&gt; 400,\n        ) );\n\n        echo \"&lt;style&gt;\n            body { font-weight: {$weights['body']} !important; }\n            h1, h2, h3, h4, h5, h6 { font-weight: {$weights['headings']} !important; }\n            code, pre { font-weight: {$weights['code']} !important; }\n        &lt;\/style&gt;\";\n    }\n}\n\nnew Font_Weight_Options();<\/code><\/pre>\n<p>Abbiamo pubblicato il <a href=\"https:\/\/gist.github.com\/olawanlejoel\/964409d74b71fb98e36b56179b8b09ec\">codice sorgente completo su GitHub Gist<\/a>, compreso il modulo delle impostazioni e la validazione.<\/p>\n<p>La versione completa aggiunge:<\/p>\n<ul>\n<li>Valori predefiniti all&#8217;attivazione del plugin<\/li>\n<li>Un semplice modulo di impostazioni per l&#8217;amministratore con campi numerici (100-900)<\/li>\n<li>Convalida per mantenere i valori nell&#8217;intervallo<\/li>\n<li>Output dei pesi sia nell&#8217;editor di blocchi che nel frontend<\/li>\n<\/ul>\n<p>Il risultato \u00e8 questa nuova pagina nel nostro WP Admin che consente agli utenti di impostare i valori di peso dei caratteri per i nostri tre font. Abbiamo scelto tre valori &#8220;non standard&#8221;.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/08\/new-font-weight.png\" alt=\"Nuova pagina di impostazione dei pesi dei font nella dashboard di amministrazione di WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Nuova pagina di impostazione dei pesi dei font nella dashboard di amministrazione di WordPress.<\/figcaption><\/figure>\n<p>Il risultato \u00e8 una pagina con questi pesi dei caratteri corrispondenti che vengono visualizzati come previsto nell&#8217;editor di pagina e nel front-end.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/08\/test-fonts-wp.png\" alt=\"Pagina dell'amministrazione di WordPress con tre font con le rispettive larghezze.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Pagina dell&#8217;amministrazione di WordPress con tre font con le rispettive larghezze.<\/figcaption><\/figure>\n<h2>Un modo pi\u00f9 semplice e gentile per aggiungere un singolo font variabile<\/h2>\n<p>Se questo metodo pu\u00f2 sembrare eccessivo, abbiamo un&#8217;alternativa che non \u00e8 completa, ma \u00e8 una soluzione rapida per inserire qualsiasi tipo di font in un tema.<\/p>\n<p>Gli utenti possono aggiungere facilmente Google Fonts tramite la Libreria dei Font. Se si preferisce questa via, si pu\u00f2 dare un&#8217;occhiata al nostro articolo sui <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-google-fonts\/?utm_source=chatgpt.com\">15 migliori font di Google (pi\u00f9 i consigli per usarli)<\/a>.<\/p>\n<p>Ma se si preferisce qualcosa di diverso da un font di Google? Ci sono molti modi per ottenere font open source con licenza corretta per i propri progetti. Noi ci siamo rivolti a GitHub per ottenere <a href=\"https:\/\/github.com\/adobe-fonts\/source-sans\/blob\/release\/VF\/SourceSans3VF-Upright.otf\">SourceSans3VF-Upright<\/a>, un font di Adobe.<\/p>\n<p>Il nostro obiettivo \u00e8 quello di utilizzarlo come font opzionale da visualizzare nell&#8217;editor e nel frontend.<\/p>\n<p>Il file del font \u00e8 stato inserito nella cartella <code>\/assets\/fonts<\/code> del nostro child theme. Da qui abbiamo creato <code>functions.php<\/code>.<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Enqueue parent and child theme styles.\n *\/\nfunction twentytwentyfive_kinstachild_enqueue_styles() {\n    \/\/ Parent theme style.\n    wp_enqueue_style(\n        'twentytwentyfive-style',\n        get_parent_theme_file_uri( 'style.css' ),\n        array(),\n        wp_get_theme()-&gt;get( 'Version' )\n    );\n\n    \/\/ Child theme style.\n    wp_enqueue_style(\n        'twentytwentyfive-child-style',\n        get_stylesheet_uri(),\n        array( 'twentytwentyfive-style' ),\n        wp_get_theme()-&gt;get( 'Version' )\n    );\n}\nadd_action( 'wp_enqueue_scripts', 'twentytwentyfive_kinstachild_enqueue_styles' );\n\n\/**\n * Enqueue child theme styles in the editor.\n *\/\nadd_action( 'after_setup_theme', function() {\n    add_editor_style( 'style.css' );\n} );<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Nota che in questa configurazione pi\u00f9 semplice, non inseriamo manualmente i font personalizzati. Questo perch\u00e9 i font variabili definiti nel <code>theme.json<\/code> vengono gestiti automaticamente da WordPress, a patto che siano dichiarati correttamente. Questo \u00e8 uno dei vantaggi del sistema dei temi a blocchi.<\/p>\n<\/aside>\n\n<p>Come nell&#8217;esempio precedente, il nostro file <code>theme.json<\/code> deve fare riferimento ai codici Manrope e Fira del tema genitore. Se li omettiamo, li eliminiamo dal tema.<\/p>\n<pre><code class=\"language-json\">{\n  \"$schema\": \"https:\/\/schemas.wp.org\/wp\/6.7\/theme.json\",\n  \"version\": 3,\n  \"settings\": {\n    \"typography\": {\n      \"fontFamilies\": [\n        {\n          \"name\": \"Manrope\",\n          \"slug\": \"manrope\",\n          \"fontFamily\": \"Manrope, sans-serif\",\n          \"fontFace\": [\n            {\n              \"src\": [\n                \"file:..\/twentytwentyfive\/assets\/fonts\/manrope\/Manrope-VariableFont_wght.woff2\"\n              ],\n              \"fontWeight\": \"100 900\",\n              \"fontStyle\": \"normal\",\n              \"fontFamily\": \"Manrope\"\n            }\n          ]\n        },\n        {\n          \"name\": \"Fira Code\",\n          \"slug\": \"fira-code\",\n          \"fontFamily\": \"\"Fira Code\", monospace\",\n          \"fontFace\": [\n            {\n              \"src\": [\n                \"file:..\/twentytwentyfive\/assets\/fonts\/fira-code\/FiraCode-VariableFont_wght.woff2\"\n              ],\n              \"fontWeight\": \"100 900\",\n              \"fontStyle\": \"normal\",\n              \"fontFamily\": \"\"Fira Code\"\"\n            }\n          ]\n        },\n        {\n          \"name\": \"Source Sans 3\",\n          \"slug\": \"source-sans-3\",\n          \"fontFamily\": \"\"Source Sans 3\", sans-serif\",\n          \"fontFace\": [\n            {\n              \"src\": [\n                \"file:.\/assets\/fonts\/SourceSans3VF-Upright.woff2\"\n              ],\n              \"fontWeight\": \"100 900\",\n              \"fontStyle\": \"normal\",\n              \"fontFamily\": \"Source Sans 3\"\n            }\n          ]\n        }\n      ]\n    }\n  }\n}<\/code><\/pre>\n<p>Si ricordi che c&#8217;\u00e8 bisogno di un file <code>styles.css<\/code> di base per includere i metadati essenziali che indicano a WordPress la presenza di un child theme.<\/p>\n<h2>Riepilogo<\/h2>\n<p>Sia che si scelga una configurazione completamente personalizzata o una integrazione rapida, i font variabili in WordPress offrono un&#8217;ottima soluzione per elevare la tipografia di un sito. Migliorano le prestazioni, riducono la complessit\u00e0 e offrono opzioni di design reattive e flessibili che non sono possibili con i font statici tradizionali.<\/p>\n<p>Per sfruttare appieno il loro potenziale, potrebbe essere necessario creare un&#8217;interfaccia utente personalizzata che esponga gli assi variabili (come il peso, l&#8217;inclinazione o le dimensioni ottiche) e dia ai proprietari del sito un maggiore controllo.<\/p>\n<p>Se stai costruendo un sito WordPress sulla <a href=\"https:\/\/kinsta.com\/it\/hosting-wordpress\/\">piattaforma di hosting di Kinsta<\/a>, avrai a disposizione una infrastruttura orientata alle prestazioni, che rende ancora pi\u00f9 facile servire in modo efficiente risorse moderne come i font variabili.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Con l&#8217;introduzione dei web font nel 2009, i web designer hanno a disposizione una ricca serie di palette tipografiche. Questi font sono stati largamente utilizzati grazie &#8230;<\/p>\n","protected":false},"author":313,"featured_media":82009,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[25873,25957],"class_list":["post-82008","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-sviluppo-wordpress","topic-temi-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Utilizzare i font variabili nei temi WordPress<\/title>\n<meta name=\"description\" content=\"Scopri come utilizzare i font variabili nei temi WordPress con il theme.json per migliorare le prestazioni e la flessibilit\u00e0 del design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Utilizzare i font variabili nei temi WordPress\" \/>\n<meta property=\"og:description\" content=\"Scopri come utilizzare i font variabili nei temi WordPress con il theme.json per migliorare le prestazioni e la flessibilit\u00e0 del design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-25T07:24:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-26T11:19:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bud Kraus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Scopri come utilizzare i font variabili nei temi WordPress con il theme.json per migliorare le prestazioni e la flessibilit\u00e0 del design.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\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\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"Utilizzare i font variabili nei temi WordPress\",\"datePublished\":\"2025-09-25T07:24:34+00:00\",\"dateModified\":\"2025-09-26T11:19:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/\"},\"wordCount\":1479,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\",\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/\",\"name\":\"Utilizzare i font variabili nei temi WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\",\"datePublished\":\"2025-09-25T07:24:34+00:00\",\"dateModified\":\"2025-09-26T11:19:40+00:00\",\"description\":\"Scopri come utilizzare i font variabili nei temi WordPress con il theme.json per migliorare le prestazioni e la flessibilit\u00e0 del design.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temi WordPress\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/temi-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Utilizzare i font variabili nei temi WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"caption\":\"Bud Kraus\"},\"description\":\"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Utilizzare i font variabili nei temi WordPress","description":"Scopri come utilizzare i font variabili nei temi WordPress con il theme.json per migliorare le prestazioni e la flessibilit\u00e0 del design.","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:\/\/kinsta.com\/it\/blog\/font-variabili\/","og_locale":"it_IT","og_type":"article","og_title":"Utilizzare i font variabili nei temi WordPress","og_description":"Scopri come utilizzare i font variabili nei temi WordPress con il theme.json per migliorare le prestazioni e la flessibilit\u00e0 del design.","og_url":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2025-09-25T07:24:34+00:00","article_modified_time":"2025-09-26T11:19:40+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"Scopri come utilizzare i font variabili nei temi WordPress con il theme.json per migliorare le prestazioni e la flessibilit\u00e0 del design.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","twitter_creator":"@Kinsta_IT","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Bud Kraus","Tempo di lettura stimato":"9 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"Utilizzare i font variabili nei temi WordPress","datePublished":"2025-09-25T07:24:34+00:00","dateModified":"2025-09-26T11:19:40+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/"},"wordCount":1479,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/","url":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/","name":"Utilizzare i font variabili nei temi WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","datePublished":"2025-09-25T07:24:34+00:00","dateModified":"2025-09-26T11:19:40+00:00","description":"Scopri come utilizzare i font variabili nei temi WordPress con il theme.json per migliorare le prestazioni e la flessibilit\u00e0 del design.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/font-variabili\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/font-variabili\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Temi WordPress","item":"https:\/\/kinsta.com\/it\/argomenti\/temi-wordpress\/"},{"@type":"ListItem","position":3,"name":"Utilizzare i font variabili nei temi WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","caption":"Bud Kraus"},"description":"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.","url":"https:\/\/kinsta.com\/it\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/82008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=82008"}],"version-history":[{"count":4,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/82008\/revisions"}],"predecessor-version":[{"id":82025,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/82008\/revisions\/82025"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/82008\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/82008\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/82008\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/82008\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/82008\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/82008\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/82008\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/82008\/translations\/pt"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/82008\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/82009"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=82008"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=82008"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=82008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}