{"id":149580,"date":"2024-09-10T17:08:38","date_gmt":"2024-09-10T14:08:38","guid":{"rendered":"https:\/\/elementor.com\/help\/usar-fuentes-variables\/"},"modified":"2024-09-10T17:08:38","modified_gmt":"2024-09-10T14:08:38","slug":"usar-fuentes-variables","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/","title":{"rendered":"Usar fuentes variables"},"content":{"rendered":"\n<p>Las fuentes variables son una tecnolog\u00eda de fuentes avanzada que permite que un solo archivo de fuente contenga m\u00faltiples estilos y variaciones, como diferentes grosores, anchos y tama\u00f1os \u00f3pticos. A diferencia de las fuentes tradicionales, que requieren archivos separados para cada estilo (por ejemplo, negrita, cursiva, condensada), una fuente variable puede ajustar estas caracter\u00edsticas din\u00e1micamente dentro de un solo archivo. <\/p>\n\n\n\n<p>Las fuentes variables tienen varias ventajas sobre las fuentes tradicionales:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Control<\/strong>: Con las fuentes tradicionales, est\u00e1s limitado a caracter\u00edsticas predeterminadas. Por ejemplo, es posible que tengas que elegir entre un grosor de 400 o 600. Con las fuentes variables tienes un control total, lo que te permite elegir un grosor de 475 si es lo mejor para tu dise\u00f1o.   <\/li>\n\n\n\n<li><strong>Rendimiento<\/strong>: Al usar un solo archivo de fuente que incluye todas las variaciones, las fuentes variables pueden reducir el n\u00famero de solicitudes HTTP y el tama\u00f1o total del archivo necesario para cargar diferentes estilos de fuente, lo que mejora el rendimiento del sitio web.<\/li>\n\n\n\n<li><strong>Tipograf\u00eda adaptable<\/strong>: Las fuentes variables permiten ajustes din\u00e1micos a la tipograf\u00eda basados en el tama\u00f1o de la pantalla, la resoluci\u00f3n o las preferencias del usuario. Por ejemplo, una fuente podr\u00eda volverse m\u00e1s condensada en pantallas m\u00e1s peque\u00f1as para ahorrar espacio o aumentar el contraste en tama\u00f1os m\u00e1s peque\u00f1os para una mejor legibilidad. <\/li>\n\n\n\n<li><strong>Integraci\u00f3n CSS<\/strong>: Las fuentes variables se pueden controlar mediante CSS. Las propiedades como `font-weight`, `font-stretch` y `font-style` se pueden ajustar con valores m\u00e1s all\u00e1 del conjunto fijo habitual, lo que proporciona un control m\u00e1s granular. Esto tambi\u00e9n significa que puedes agregar animaciones a las fuentes variables.  <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">A\u00f1adir fuentes variables<\/h2>\n\n\n\n<p>Antes de usar fuentes variables, debes importarlas usando el administrador de WP.&nbsp;<\/p>\n\n\n\n<p><strong>Nota<\/strong>: Las fuentes variables tienen varias variables que puedes usar para ajustarlas. El ancho y el grosor son los dos m\u00e1s utilizados y estos dos son compatibles con Elementor. &nbsp;<\/p>\n\n\n\n<p><strong>Para a\u00f1adir una fuente variable<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Localiza una fuente variable que te gustar\u00eda usar y desc\u00e1rgala a tu PC. Es posible que debas descomprimir el archivo.  <br>Las fuentes variables est\u00e1n disponibles en varios proveedores, incluido Google Fonts. En Google Fonts puedes verificar el grosor y el ancho m\u00ednimo y m\u00e1ximo haciendo clic en <strong>Type Tester<\/strong> y usando los controles deslizantes para determinar los valores m\u00ednimo y m\u00e1ximo. <br><img decoding=\"async\" style=\"width: 580px;\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdLEdGQ-AcmQEVEWMBv8Ip_36ert-zKUbFUDVWLSeUQoab5eowxmCEP8gI0VYcNdAV2JWESWbc6M9x8eBLwFnLEPBirxwVTbcGNOADRujm8CHWB9eLQXttf_2UBcbOQ1Oho-4WVfn3_UjxRo6x9yGjaYjo?key=viUyO6DAU3C4TAAdV71gYg\"><br>Registra el grosor y el ancho m\u00ednimo y m\u00e1ximo de la fuente. Lo necesitar\u00e1s m\u00e1s tarde. <br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"290\" class=\"wp-image-52465\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-1.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-1.png 1600w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-1-300x128.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-1-1024x437.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-1-768x328.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-1-1536x656.png 1536w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Ve al administrador de WP y navega a <strong>Elementor&gt;Fuentes personalizadas<\/strong>.<br>Aparece la pantalla de Fuentes personalizadas. <br><img decoding=\"async\" width=\"680\" height=\"291\" class=\"wp-image-52466\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-2.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-2.png 1600w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-2-300x128.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-2-1024x438.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-2-768x328.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-2-1536x657.png 1536w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Haz clic en <strong>A\u00f1adir nuevo<\/strong>.<br><img decoding=\"async\" width=\"680\" height=\"332\" class=\"wp-image-52467\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-3.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-3.png 1528w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-3-300x146.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-3-1024x500.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-3-768x375.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Haz clic en <strong>A\u00f1adir fuente variable<\/strong>.<br>Aparece la pantalla de carga.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"307\" class=\"wp-image-52469\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-4.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-4.png 1600w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-4-300x136.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-4-1024x463.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-4-768x347.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-4-1536x694.png 1536w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Haz clic en <strong>Cargar<\/strong> y navega a la ubicaci\u00f3n del archivo de fuente.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"320\" class=\"wp-image-52470\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-5.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-5.png 1600w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-5-300x141.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-5-1024x483.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-5-768x362.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-5-1536x724.png 1536w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Selecciona el archivo de fuente variable y, en la parte inferior derecha, haz clic en <strong>Seleccionar archivo ttf<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"307\" class=\"wp-image-52471\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-6.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-6.png 1600w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-6-300x136.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-6-1024x463.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-6-768x347.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-6-1536x694.png 1536w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>En el cuadro de texto <strong>Introducir familia de fuentes<\/strong>, dale un nombre a la fuente.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"414\" class=\"wp-image-52472\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-7.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-7.png 1600w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-7-300x182.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-7-1024x623.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-7-768x467.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-7-1536x934.png 1536w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Marca <strong>Ancho<\/strong> e introduce el ancho m\u00ednimo y m\u00e1ximo de tu fuente. Esta informaci\u00f3n est\u00e1 disponible en el creador de la fuente. <\/li>\n\n\n\n<li>Marca <strong>Grosor<\/strong> e introduce el grosor m\u00ednimo y m\u00e1ximo de tu fuente. Esta informaci\u00f3n est\u00e1 disponible en el creador de la fuente. <br>[callout type=\u00bbnote\u00bb]Debes establecer un grosor y\/o ancho m\u00ednimo y m\u00e1ximo para que la fuente se comporte correctamente. No todas las fuentes contienen tanto la variable de ancho como la de grosor. En estos casos, simplemente marca la variable relevante.  [\/callout]<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"240\" class=\"wp-image-52473\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-8.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-8.png 1600w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-8-300x106.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-8-1024x361.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-8-768x271.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-8-1536x541.png 1536w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Haz clic en <strong>Publicar<\/strong>\/<strong>Actualizar<\/strong>.<br>Ahora puedes usar esta fuente en el editor de Elementor.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Usar fuentes variables en el editor de Elementor<\/h2>\n\n\n\n<p>Una vez que hayas instalado las fuentes variables, puedes usarlas en cualquier widget que tenga una opci\u00f3n de tipograf\u00eda. En el ejemplo siguiente, usaremos una fuente variable en el widget de encabezado. <\/p>\n\n\n\n<p><strong>Para usar fuentes variables en un widget<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Arrastra un widget que tenga texto al lienzo.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"251\" class=\"wp-image-52474\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-9.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-9.png 1600w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-9-300x111.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-9-1024x378.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-9-768x284.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/image-9-1536x567.png 1536w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>En el panel, selecciona la opci\u00f3n <strong>Tipograf\u00eda<\/strong>. Esta opci\u00f3n generalmente se encuentra en la pesta\u00f1a <strong>Estilo<\/strong>. <\/li>\n\n\n\n<li>Haz clic en el icono de l\u00e1piz <img loading=\"lazy\" decoding=\"async\" width=\"30\" height=\"30\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXc6WCEemLSnnyYBDQ0bS4GBD12_norb8tdULPuoP4q8L23bdW3JnlpIipGgDUIku6zMy1o018Hp_9hXFoiMbS2S1hL0TD5v7TIiB_6YgFC5EqOMMxdZJb5HOYvDpyPn00ZRNou6FDQNekscl_snqCD7UuM?key=viUyO6DAU3C4TAAdV71gYg\">.<br>Aparece una lista de fuentes y opciones de fuente.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"374\" class=\"wp-image-52476\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/The-list-of-fonts.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/The-list-of-fonts.png 518w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/The-list-of-fonts-225x300.png 225w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Selecciona una fuente variable. Estas fuentes se encuentran en la parte superior de la lista de fuentes en una secci\u00f3n etiquetada como <strong>Fuentes variables<\/strong>. <br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"308\" class=\"wp-image-52477\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/Adjust-the-weight-and-width.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/Adjust-the-weight-and-width.png 516w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/09\/Adjust-the-weight-and-width-273x300.png 273w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Usa los controles deslizantes de <strong>Ancho<\/strong> y\/o <strong>Grosor<\/strong> para determinar la apariencia de la fuente.<br>Tu texto ahora aparece exactamente como lo deseas.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Las fuentes variables son una tecnolog\u00eda de fuentes avanzada que permite que un solo archivo de fuente contenga m\u00faltiples estilos y variaciones, como diferentes grosores, anchos y tama\u00f1os \u00f3pticos. A diferencia de las fuentes tradicionales, que requieren archivos separados para cada estilo (por ejemplo, negrita, cursiva, condensada), una fuente variable puede ajustar estas caracter\u00edsticas din\u00e1micamente [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1911],"tags":[2097,2098,2096,2099,2095,2100],"class_list":["post-149580","post","type-post","status-publish","format-standard","hentry","category-site-settings-es","tag-agencia","tag-avanzado","tag-esencial","tag-experto","tag-pro-es","tag-version-3-24-es"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Usar fuentes variables | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Usar fuentes variables in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Usar fuentes variables | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Usar fuentes variables in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-10T14:08:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdLEdGQ-AcmQEVEWMBv8Ip_36ert-zKUbFUDVWLSeUQoab5eowxmCEP8gI0VYcNdAV2JWESWbc6M9x8eBLwFnLEPBirxwVTbcGNOADRujm8CHWB9eLQXttf_2UBcbOQ1Oho-4WVfn3_UjxRo6x9yGjaYjo?key=viUyO6DAU3C4TAAdV71gYg\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Usar fuentes variables\",\"datePublished\":\"2024-09-10T14:08:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/\"},\"wordCount\":765,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdLEdGQ-AcmQEVEWMBv8Ip_36ert-zKUbFUDVWLSeUQoab5eowxmCEP8gI0VYcNdAV2JWESWbc6M9x8eBLwFnLEPBirxwVTbcGNOADRujm8CHWB9eLQXttf_2UBcbOQ1Oho-4WVfn3_UjxRo6x9yGjaYjo?key=viUyO6DAU3C4TAAdV71gYg\",\"keywords\":[\"Agencia\",\"Avanzado\",\"Esencial\",\"Experto\",\"Pro\",\"Versi\u00f3n 3.24\"],\"articleSection\":[\"Site settings\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/\",\"url\":\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/\",\"name\":\"Usar fuentes variables | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdLEdGQ-AcmQEVEWMBv8Ip_36ert-zKUbFUDVWLSeUQoab5eowxmCEP8gI0VYcNdAV2JWESWbc6M9x8eBLwFnLEPBirxwVTbcGNOADRujm8CHWB9eLQXttf_2UBcbOQ1Oho-4WVfn3_UjxRo6x9yGjaYjo?key=viUyO6DAU3C4TAAdV71gYg\",\"datePublished\":\"2024-09-10T14:08:38+00:00\",\"description\":\"Learn everything about Usar fuentes variables in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#primaryimage\",\"url\":\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdLEdGQ-AcmQEVEWMBv8Ip_36ert-zKUbFUDVWLSeUQoab5eowxmCEP8gI0VYcNdAV2JWESWbc6M9x8eBLwFnLEPBirxwVTbcGNOADRujm8CHWB9eLQXttf_2UBcbOQ1Oho-4WVfn3_UjxRo6x9yGjaYjo?key=viUyO6DAU3C4TAAdV71gYg\",\"contentUrl\":\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdLEdGQ-AcmQEVEWMBv8Ip_36ert-zKUbFUDVWLSeUQoab5eowxmCEP8gI0VYcNdAV2JWESWbc6M9x8eBLwFnLEPBirxwVTbcGNOADRujm8CHWB9eLQXttf_2UBcbOQ1Oho-4WVfn3_UjxRo6x9yGjaYjo?key=viUyO6DAU3C4TAAdV71gYg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/es\/elementor-editor-es\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Universal settings\",\"item\":\"https:\/\/elementor.com\/help\/es\/elementor-editor-es\/universal-settings-es\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Site settings\",\"item\":\"https:\/\/elementor.com\/help\/es\/elementor-editor-es\/universal-settings-es\/site-settings-es\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Usar fuentes variables\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#website\",\"url\":\"https:\/\/elementor.com\/help\/es\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Usar fuentes variables | Elementor","description":"Learn everything about Usar fuentes variables in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/","og_locale":"es_ES","og_type":"article","og_title":"Usar fuentes variables | Elementor","og_description":"Learn everything about Usar fuentes variables in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/","og_site_name":"Help","article_published_time":"2024-09-10T14:08:38+00:00","og_image":[{"url":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdLEdGQ-AcmQEVEWMBv8Ip_36ert-zKUbFUDVWLSeUQoab5eowxmCEP8gI0VYcNdAV2JWESWbc6M9x8eBLwFnLEPBirxwVTbcGNOADRujm8CHWB9eLQXttf_2UBcbOQ1Oho-4WVfn3_UjxRo6x9yGjaYjo?key=viUyO6DAU3C4TAAdV71gYg","type":"","width":"","height":""}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Cliff Churgin","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Usar fuentes variables","datePublished":"2024-09-10T14:08:38+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/"},"wordCount":765,"publisher":{"@id":"https:\/\/elementor.com\/help\/es\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#primaryimage"},"thumbnailUrl":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdLEdGQ-AcmQEVEWMBv8Ip_36ert-zKUbFUDVWLSeUQoab5eowxmCEP8gI0VYcNdAV2JWESWbc6M9x8eBLwFnLEPBirxwVTbcGNOADRujm8CHWB9eLQXttf_2UBcbOQ1Oho-4WVfn3_UjxRo6x9yGjaYjo?key=viUyO6DAU3C4TAAdV71gYg","keywords":["Agencia","Avanzado","Esencial","Experto","Pro","Versi\u00f3n 3.24"],"articleSection":["Site settings"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/","url":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/","name":"Usar fuentes variables | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#primaryimage"},"thumbnailUrl":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdLEdGQ-AcmQEVEWMBv8Ip_36ert-zKUbFUDVWLSeUQoab5eowxmCEP8gI0VYcNdAV2JWESWbc6M9x8eBLwFnLEPBirxwVTbcGNOADRujm8CHWB9eLQXttf_2UBcbOQ1Oho-4WVfn3_UjxRo6x9yGjaYjo?key=viUyO6DAU3C4TAAdV71gYg","datePublished":"2024-09-10T14:08:38+00:00","description":"Learn everything about Usar fuentes variables in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#primaryimage","url":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdLEdGQ-AcmQEVEWMBv8Ip_36ert-zKUbFUDVWLSeUQoab5eowxmCEP8gI0VYcNdAV2JWESWbc6M9x8eBLwFnLEPBirxwVTbcGNOADRujm8CHWB9eLQXttf_2UBcbOQ1Oho-4WVfn3_UjxRo6x9yGjaYjo?key=viUyO6DAU3C4TAAdV71gYg","contentUrl":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdLEdGQ-AcmQEVEWMBv8Ip_36ert-zKUbFUDVWLSeUQoab5eowxmCEP8gI0VYcNdAV2JWESWbc6M9x8eBLwFnLEPBirxwVTbcGNOADRujm8CHWB9eLQXttf_2UBcbOQ1Oho-4WVfn3_UjxRo6x9yGjaYjo?key=viUyO6DAU3C4TAAdV71gYg"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/es\/usar-fuentes-variables\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/es\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/es\/elementor-editor-es\/"},{"@type":"ListItem","position":3,"name":"Universal settings","item":"https:\/\/elementor.com\/help\/es\/elementor-editor-es\/universal-settings-es\/"},{"@type":"ListItem","position":4,"name":"Site settings","item":"https:\/\/elementor.com\/help\/es\/elementor-editor-es\/universal-settings-es\/site-settings-es\/"},{"@type":"ListItem","position":5,"name":"Usar fuentes variables"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/es\/#website","url":"https:\/\/elementor.com\/help\/es\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/es\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/help\/es\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/posts\/149580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/comments?post=149580"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/posts\/149580\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/media?parent=149580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/categories?post=149580"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/tags?post=149580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}