{"id":80327,"date":"2025-09-25T09:19:51","date_gmt":"2025-09-25T07:19:51","guid":{"rendered":"https:\/\/kinqsta.com\/es\/?p=80327&#038;preview=true&#038;preview_id=80327"},"modified":"2025-09-29T10:02:53","modified_gmt":"2025-09-29T08:02:53","slug":"fuentes-variables","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/","title":{"rendered":"Uso de fuentes variables en temas de WordPress"},"content":{"rendered":"<p>Desde la introducci\u00f3n de las <a href=\"https:\/\/kinqsta.com\/es\/blog\/fuentes-seguras-para-la-web\/\">fuentes web<\/a> en 2009, los dise\u00f1adores web han disfrutado de una rica gama de paletas tipogr\u00e1ficas. Estas fuentes se utilizaron en gran medida a trav\u00e9s de la regla <code>@fontface<\/code> de <a href=\"https:\/\/kinqsta.com\/es\/blog\/css-wordpress\/\">CSS<\/a>, lo que permiti\u00f3 a los dise\u00f1adores liberarse de las fuentes seguras para la web (las del sistema).<\/p>\n<p>Las grandes distribuidoras de tipograf\u00edas, entre las que destaca <a href=\"https:\/\/kinqsta.com\/es\/blog\/mejores-google-fonts\/\">Google Fonts<\/a>, ofrec\u00edan (y siguen ofreciendo) una gran variedad de formatos de archivo para fuentes.<\/p>\n<p>En aquel momento, utilizar fuentes web significaba trabajar con archivos separados para cada peso y estilo. Por ejemplo, nombres de archivo como los siguientes dejaban claro c\u00f3mo se mostrar\u00eda la fuente en uso:<\/p>\n<pre><code class=\"language-bash\">Roboto-Italic.woff2\nLato-BoldItalic.woff2\nOpenSans-SemiBold.ttf\nWorkSans-ExtraBold.ttf<\/code><\/pre>\n<p>Cada variaci\u00f3n ten\u00eda que cargarse como su propio archivo. Esto aumentaba el peso de la p\u00e1gina, requer\u00eda m\u00e1s peticiones HTTP y a\u00f1ad\u00eda complejidad a la hora de elegir y aplicar fuentes en un dise\u00f1o.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>\u00bfNecesitas un repaso r\u00e1pido sobre las fuentes web? Echa un vistazo a nuestra gu\u00eda b\u00e1sica: <a href=\"https:\/\/kinqsta.com\/es\/blog\/como-cambiar-las-fuentes-en-wordpress\/#terminology\"><i>C\u00f3mo cambiar las fuentes en WordPress (y cambiar el tama\u00f1o, el color y optimizarlas)<\/i><\/a>.<\/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>El auge de las fuentes variables<\/h2>\n<p>En 2016 se produjo un gran avance en la tipograf\u00eda digital: las fuentes variables. Desarrolladas conjuntamente por Google, Apple, Adobe y Microsoft, r\u00e1pidamente se convirtieron en la tendencia predominante.<\/p>\n<p>La caracter\u00edstica distintiva de una fuente variable es que puede contener cualquiera de los siguientes elementos, cada uno de los cuales se conoce como eje:<\/p>\n<table>\n<tbody>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Eje <\/strong><\/td>\n<td colspan=\"1\" rowspan=\"1\"><strong>Propiedad 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\">estilo<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-style: italic<\/code><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">inclinaci\u00f3n<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-style: oblique<\/code><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">elasticidad<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-stretch<\/code><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Eje de tama\u00f1o \u00f3ptico (opsz)<\/td>\n<td colspan=\"1\" rowspan=\"1\"><code>font-variations-setting<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>El formato de archivo m\u00e1s utilizado es <code>.woff2<\/code> (Web Open Font Format), un formato muy comprimido que se convirti\u00f3 en <a href=\"https:\/\/www.w3.org\/blog\/2018\/wcag21-rec\/\">Recomendaci\u00f3n del W3C<\/a> en 2018. Aunque formatos como <code>.ttf<\/code> y <code>.otf<\/code> pueden utilizarse como fuente variable, el formato m\u00e1s eficiente es <code>.woff2<\/code>. Todos los navegadores modernos admiten fuentes variables.<\/p>\n<p>Para mayor claridad, aqu\u00ed hacemos una distinci\u00f3n entre \u00abfuentes web\u00bb y \u00abfuentes variables\u00bb. Sin embargo, en la pr\u00e1ctica, es habitual ver que las fuentes variables se engloban dentro del grupo de las fuentes web.<\/p>\n<h3>\u00bfPor qu\u00e9 utilizar fuentes variables?<\/h3>\n<p>Hay tres razones destacadas para utilizar fuentes variables en tus proyectos:<\/p>\n<ol start=\"1\">\n<li><strong>Mejor rendimiento:<\/strong> En lugar de llamar a varios archivos de fuentes separados (Normal, Negrita, Cursiva, etc.), un archivo de fuentes variables puede abarcarlos todos. Eso significa menos <a href=\"https:\/\/kinqsta.com\/es\/blog\/que-es-una-peticion-http\/\">peticiones HTTP<\/a> y tiempos de carga m\u00e1s r\u00e1pidos.<\/li>\n<li><strong>Flexibilidad de dise\u00f1o:<\/strong> Las fuentes variables te permiten un control muy preciso. Por ejemplo, en lugar de estar limitado a <code>font-weight: 500<\/code> o <code>600<\/code>, puedes establecer un valor personalizado como <code>532<\/code>.<\/li>\n<li><strong>Tipograf\u00eda con capacidad de respuesta:<\/strong> Como las fuentes variables pueden adaptarse sin problemas, puedes crear tipograf\u00edas que respondan en todos los dispositivos. Un buen ejemplo: usar <code>font-weight: clamp()<\/code> para escalar el peso entre ventanas gr\u00e1ficas, sin los \u00absaltos\u00bb bruscos que obtendr\u00edas con archivos de fuentes est\u00e1ticas.<\/li>\n<\/ol>\n<h2>C\u00f3mo utiliza WordPress las fuentes variables<\/h2>\n<p>Con el lanzamiento de <a href=\"https:\/\/kinqsta.com\/es\/blog\/wordpress-6-1\/\">WordPress 6.1<\/a> en noviembre de 2022, se a\u00f1adi\u00f3 la compatibilidad con fuentes variables al sistema <code>theme.json<\/code>. La primera demostraci\u00f3n de esto fue en el tema <a href=\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty-three\/\">Twenty Twenty-Three<\/a>.<\/p>\n<h3>Personalizar un tema con fuentes variables<\/h3>\n<p>Cuando trabajamos con un <a href=\"https:\/\/kinqsta.com\/es\/blog\/temas-child-wordpress\/\">tema hijo<\/a> de TT5, comenzamos por poner en cola los estilos tanto del tema padre como del tema hijo.<\/p>\n<p>Para asegurarnos de que nuestros tipos de letra personalizados aparecen de forma coherente tanto en el editor como en el front-end, tambi\u00e9n ponemos en cola un archivo <code>fonts.css<\/code> que incluye las declaraciones <code>@font-face<\/code> necesarias.<\/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>Como siempre, la forma de poner en cola las secuencias de comandos depende del propio tema. No existe un \u00fanico m\u00e9todo est\u00e1ndar.<\/p>\n<p>Para asegurarnos de que hemos configurado correctamente nuestro tema hijo, ejecutamos esta prueba en <code>styles.css<\/code>:<\/p>\n<pre><code class=\"language-css\">body { background: #0000ff; }<\/code><\/pre>\n<h3>A\u00f1adir fuentes con theme.json<\/h3>\n<p>TT5 ya incluye dos fuentes variables por defecto: <a href=\"https:\/\/fonts.google.com\/specimen\/Manrope\">Manrope<\/a> y <a href=\"https:\/\/fonts.google.com\/specimen\/Fira+Code\" target=\"_blank\" rel=\"noopener noreferrer\">Fira Code<\/a>.\u00a0Para este ejemplo, vamos a a\u00f1adir <a href=\"https:\/\/fonts.google.com\/specimen\/Vollkorn\">Vollkorn<\/a> y la convertiremos en la fuente predeterminada para los encabezados con un peso de 600.<\/p>\n<p>Aqu\u00ed est\u00e1 la parte relevante de <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>El resultado es la aparici\u00f3n de la fuente Vollkorn en todo el sitio.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2025\/08\/vollkorn-in-wp.png\" alt=\"La fuente Vollkorn ya est\u00e1 disponible en la biblioteca de fuentes de WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">La fuente Vollkorn ya est\u00e1 disponible en la biblioteca de fuentes de WordPress.<\/figcaption><\/figure>\n<p>Varias cosas a tener en cuenta:<\/p>\n<ul>\n<li>Te recomendamos copiar los archivos de Manrope y Fira Code en tu tema hijo, en caso de que TT5 se actualice y cambien las rutas a los archivos.<\/li>\n<li>Puede parecer que el c\u00f3digo para esas fuentes es redundante, puesto que ya est\u00e1n registradas por el tema padre. Sin embargo, declararlos en tu tema hijo es importante. Esto garantiza que se muestren correctamente en la interfaz de usuario de la biblioteca de fuentes y que sigan estando disponibles aunque el tema principal se actualice con nuevas rutas de archivos o cambios.<\/li>\n<li>Estamos haciendo referencia a dos archivos Vollkorn diferentes.<\/li>\n<\/ul>\n<h3>Garantizar que las fuentes se cargan correctamente<\/h3>\n<p>A veces las fuentes no se muestran correctamente en el front-end hasta que las declaras en CSS. Aqu\u00ed tienes un ejemplo t\u00edpico de <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>Y en <code>fonts.css<\/code>, declaramos los archivos de fuentes utilizando <code>@font-face<\/code>. Esto garantiza que el navegador sepa qu\u00e9 fuentes cargar y aplicar. Si quieres <strong>precargar realmente<\/strong> fuentes cr\u00edticas (por ejemplo, tu fuente de encabezado principal), tambi\u00e9n puedes a\u00f1adir un <code>&lt;link rel=\"preload\"&gt;<\/code> al <code>&lt;head&gt;<\/code> del sitio a trav\u00e9s de los <a href=\"https:\/\/developer.wordpress.org\/plugins\/hooks\/\">hooks de WordPress<\/a>. En la mayor\u00eda de los casos, la regla <code>@font-face<\/code> con <code>font-display: swap<\/code> proporciona un buen equilibrio entre rendimiento y experiencia de usuario.<\/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>El resultado es una p\u00e1gina en la que los encabezados, por defecto, son Vollkorn con un peso de fuente de 600.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2025\/08\/using-vollkorn.png\" alt=\"El tipo de letra Vollkorn se establece como tipo de letra predeterminado para los encabezados en el editor de WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">El tipo de letra Vollkorn se establece como tipo de letra predeterminado para los encabezados en el editor de WordPress.<\/figcaption><\/figure>\n<p>Si lo prefieres, puedes incluir las reglas <code>@font-face<\/code> directamente en <code>styles.css<\/code>. Esto tambi\u00e9n eliminar\u00eda la necesidad de poner en cola el archivo <code>fonts.css<\/code>.<\/p>\n<h2>Facilitar a los usuarios la elecci\u00f3n del peso de las fuentes<\/h2>\n<p>Una de las mayores ventajas de las fuentes variables es que los pesos no est\u00e1n limitados a pasos fijos como 400 \u00f3 600. Puedes utilizar cualquier valor entre <strong>100-900<\/strong>. El problema es que WordPress no proporciona una interfaz de usuario para elegir estos pesos personalizados.<\/p>\n<p>Para solucionarlo, hemos creado un <strong>plugin m\u00ednimo<\/strong> llamado <em>Font Weight Options<\/em>. A\u00f1ade una p\u00e1gina de configuraci\u00f3n en <strong>Apariencia<\/strong> &gt; <strong>Peso de fuente<\/strong>, donde puedes definir pesos personalizados para el cuerpo del texto, los encabezados y los bloques de c\u00f3digo.<\/p>\n<p>Aqu\u00ed se muestra una visi\u00f3n simplificada de la l\u00f3gica central:<\/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>El fragmento anterior muestra la l\u00f3gica principal. Hemos publicado el <a href=\"https:\/\/gist.github.com\/olawanlejoel\/964409d74b71fb98e36b56179b8b09ec\">c\u00f3digo fuente completo en GitHub Gist<\/a> por si quieres ver el plugin completo, incluyendo el formulario de configuraci\u00f3n y la validaci\u00f3n.<\/p>\n<p>La versi\u00f3n completa a\u00f1ade:<\/p>\n<ul>\n<li>Valores predeterminados al activar el plugin<\/li>\n<li>Un sencillo formulario de configuraci\u00f3n con campos num\u00e9ricos (100-900)<\/li>\n<li>Validaci\u00f3n para mantener los valores dentro del rango<\/li>\n<li>Salida de los pesos tanto en el editor de bloques como en el frontend<\/li>\n<\/ul>\n<p>El resultado es esta nueva p\u00e1gina en nuestro WP Admin, que permite a los usuarios establecer valores de peso para nuestras tres fuentes. Elegimos tres valores \u00abno est\u00e1ndar\u00bb.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2025\/08\/new-font-weight.png\" alt=\"Nueva p\u00e1gina de configuraci\u00f3n de los pesos de las fuentes en el panel de administraci\u00f3n de WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Nueva p\u00e1gina de configuraci\u00f3n de los pesos de las fuentes en el panel de administraci\u00f3n de WordPress.<\/figcaption><\/figure>\n<p>El resultado es una p\u00e1gina con estos pesos de fuente correspondientes que se muestran como se esperaba en el editor de p\u00e1ginas y en el front-end.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2025\/08\/test-fonts-wp.png\" alt=\"P\u00e1gina en el administrador de WordPress que muestra tres fuentes con sus anchuras asignadas.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">P\u00e1gina en el administrador de WordPress que muestra tres fuentes con sus anchuras asignadas.<\/figcaption><\/figure>\n<h2>Una forma m\u00e1s sencilla e intuitiva de a\u00f1adir una sola fuente variable<\/h2>\n<p>Si te ha parecido demasiado complicado, tenemos una alternativa que, aunque no tiene todas las funcionalidades, es una forma r\u00e1pida de incorporar cualquier tipo de fuente a tu tema.<\/p>\n<p>Los usuarios pueden a\u00f1adir f\u00e1cilmente Google Fonts a trav\u00e9s de la Biblioteca de Fuentes. Si esa es tu preferencia, echa un vistazo a nuestro art\u00edculo sobre las <a href=\"https:\/\/kinqsta.com\/es\/blog\/mejores-google-fonts\/?utm_source=chatgpt.com\">15 Mejores Fuentes de Google seg\u00fan los Datos (Y Consejos para Usarlas)<\/a>, que te ser\u00e1 de ayuda.<\/p>\n<p>Pero, \u00bfy si prefieres algo distinto a una fuente de Google? Hay muchas formas de conseguir fuentes de c\u00f3digo abierto con la licencia adecuada para tus proyectos. Nosotros recurrimos a GitHub para conseguir <a href=\"https:\/\/github.com\/adobe-fonts\/source-sans\/blob\/release\/VF\/SourceSans3VF-Upright.otf\">SourceSans3VF-Upright<\/a>, una fuente de Adobe.<\/p>\n<p>Nuestro objetivo es utilizarla como fuente opcional que se muestre correctamente en el editor y en el frontend.<\/p>\n<p>El archivo de la fuente se coloca en la carpeta <code>\/assets\/fonts<\/code> de nuestro tema hijo. A partir de ah\u00ed creamos <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>F\u00edjate en que en esta configuraci\u00f3n m\u00e1s sencilla, no ponemos en cola las fuentes personalizadas manualmente. Esto se debe a que las fuentes variables definidas en <code>theme.json<\/code> son gestionadas autom\u00e1ticamente por WordPress, siempre que est\u00e9n correctamente declaradas. Esta es una de las ventajas de utilizar el sistema de temas de bloques.<\/p>\n<\/aside>\n\n<p>Como en el ejemplo anterior, nuestro archivo <code>theme.json<\/code> debe hacer referencia a las fuentes Manrope y Fira Code del tema padre. Omitirlas las eliminar\u00eda de nuestro 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>Recuerda que sigues necesitando un archivo <code>styles.css<\/code> b\u00e1sico para incluir los metadatos esenciales que indican a WordPress que est\u00e1s trabajando con un tema hijo.<\/p>\n<h2>Resumen<\/h2>\n<p>Tanto si optas por una configuraci\u00f3n totalmente personalizada como por una integraci\u00f3n r\u00e1pida, las fuentes variables en WordPress ofrecen una forma eficaz de mejorar la tipograf\u00eda de tu sitio web. Mejoran el rendimiento, reducen la complejidad y te ofrecen opciones de dise\u00f1o flexibles y responsivas que simplemente no son posibles con las fuentes est\u00e1ticas tradicionales.<\/p>\n<p>Para aprovechar todo su potencial, es posible que tengas que crear una interfaz de usuario personalizada que muestre los ejes variables (como el peso, la inclinaci\u00f3n o el tama\u00f1o \u00f3ptico) y ofrezca a los propietarios del sitio m\u00e1s control.<\/p>\n<p>Si est\u00e1s construyendo un sitio de WordPress en la <a href=\"https:\/\/kinqsta.com\/es\/wordpress-hosting\/\">plataforma de alojamiento de Kinsta<\/a>, tambi\u00e9n te beneficiar\u00e1s de su infraestructura orientada al rendimiento, que hace a\u00fan m\u00e1s f\u00e1cil servir eficientemente activos modernos como las fuentes variables.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desde la introducci\u00f3n de las fuentes web en 2009, los dise\u00f1adores web han disfrutado de una rica gama de paletas tipogr\u00e1ficas. Estas fuentes se utilizaron en &#8230;<\/p>\n","protected":false},"author":313,"featured_media":80328,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1345,1355],"class_list":["post-80327","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-desarrollo-wordpress","topic-temas-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>Uso de fuentes variables en temas de WordPress<\/title>\n<meta name=\"description\" content=\"Aprende a utilizar fuentes variables en los temas de WordPress con theme.json para mejorar el rendimiento y la flexibilidad del dise\u00f1o.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Uso de fuentes variables en temas de WordPress\" \/>\n<meta property=\"og:description\" content=\"Aprende a utilizar fuentes variables en los temas de WordPress con theme.json para mejorar el rendimiento y la flexibilidad del dise\u00f1o.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-25T07:19:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-29T08:02:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/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=\"Aprende a utilizar fuentes variables en los temas de WordPress con theme.json para mejorar el rendimiento y la flexibilidad del dise\u00f1o.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"Uso de fuentes variables en temas de WordPress\",\"datePublished\":\"2025-09-25T07:19:51+00:00\",\"dateModified\":\"2025-09-29T08:02:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/\"},\"wordCount\":1713,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\",\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/\",\"url\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/\",\"name\":\"Uso de fuentes variables en temas de WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\",\"datePublished\":\"2025-09-25T07:19:51+00:00\",\"dateModified\":\"2025-09-29T08:02:53+00:00\",\"description\":\"Aprende a utilizar fuentes variables en los temas de WordPress con theme.json para mejorar el rendimiento y la flexibilidad del dise\u00f1o.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/09\/using-variable-fonts-in-wordpress-themes.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temas WordPress\",\"item\":\"https:\/\/kinqsta.com\/es\/secciones\/temas-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Uso de fuentes variables en temas de WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/es\/#website\",\"url\":\"https:\/\/kinqsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"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:\/\/kinqsta.com\/es\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/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:\/\/kinqsta.com\/es\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Uso de fuentes variables en temas de WordPress","description":"Aprende a utilizar fuentes variables en los temas de WordPress con theme.json para mejorar el rendimiento y la flexibilidad del dise\u00f1o.","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:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/","og_locale":"es_ES","og_type":"article","og_title":"Uso de fuentes variables en temas de WordPress","og_description":"Aprende a utilizar fuentes variables en los temas de WordPress con theme.json para mejorar el rendimiento y la flexibilidad del dise\u00f1o.","og_url":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2025-09-25T07:19:51+00:00","article_modified_time":"2025-09-29T08:02:53+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"Aprende a utilizar fuentes variables en los temas de WordPress con theme.json para mejorar el rendimiento y la flexibilidad del dise\u00f1o.","twitter_image":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","twitter_creator":"@Kinsta_ES","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Bud Kraus","Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"Uso de fuentes variables en temas de WordPress","datePublished":"2025-09-25T07:19:51+00:00","dateModified":"2025-09-29T08:02:53+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/"},"wordCount":1713,"publisher":{"@id":"https:\/\/kinqsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/","url":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/","name":"Uso de fuentes variables en temas de WordPress","isPartOf":{"@id":"https:\/\/kinqsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","datePublished":"2025-09-25T07:19:51+00:00","dateModified":"2025-09-29T08:02:53+00:00","description":"Aprende a utilizar fuentes variables en los temas de WordPress con theme.json para mejorar el rendimiento y la flexibilidad del dise\u00f1o.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#primaryimage","url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","contentUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/09\/using-variable-fonts-in-wordpress-themes.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/es\/blog\/fuentes-variables\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Temas WordPress","item":"https:\/\/kinqsta.com\/es\/secciones\/temas-wordpress\/"},{"@type":"ListItem","position":3,"name":"Uso de fuentes variables en temas de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/es\/#website","url":"https:\/\/kinqsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinqsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","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:\/\/kinqsta.com\/es\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/#\/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:\/\/kinqsta.com\/es\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/80327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/users\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/comments?post=80327"}],"version-history":[{"count":8,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/80327\/revisions"}],"predecessor-version":[{"id":80373,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/80327\/revisions\/80373"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/80327\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/80327\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/80327\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/80327\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/80327\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/80327\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/80327\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/80327\/translations\/pt"},{"href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/80327\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/media\/80328"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/media?parent=80327"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/tags?post=80327"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/topic?post=80327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}