{"id":11145,"date":"2024-03-01T21:44:21","date_gmt":"2024-03-01T21:44:21","guid":{"rendered":"https:\/\/wcanvas.com\/?post_type=blogs&#038;p=11145"},"modified":"2024-12-23T20:01:51","modified_gmt":"2024-12-23T20:01:51","slug":"agregar-fuente-elementor-wordpress","status":"publish","type":"blogs","link":"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/","title":{"rendered":"C\u00f3mo agregar una fuente a Elementor en WordPress: 3 m\u00e9todos"},"content":{"rendered":"\n<p>Si ven\u00eds trabajando con Elementor desde hace un tiempo, quiz\u00e1s te pregunt\u00e1s c\u00f3mo agregar una nueva fuente a tu sitio de WordPress. A\u00f1adir fuentes nuevas y personalizadas puede mejorar el atractivo visual de tu sitio y reforzar la identidad de tu marca, manteniendo el rendimiento.<\/p>\n\n\n\n<p>Pero si nunca agregaste una fuente antes, el proceso puede parecer desafiante, especialmente si no ten\u00e9s mucha experiencia con plugins o editando archivos de WordPress.<\/p>\n\n\n\n<p>En esta gu\u00eda completa, te mostraremos 3 m\u00e9todos para integrar f\u00e1cilmente fuentes personalizadas en tu sitio de WordPress potenciado por Elementor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Puntos clave<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La versi\u00f3n premium de Elementor tiene una funci\u00f3n nativa para subir fuentes personalizadas.<\/li>\n\n\n\n<li>Alternativamente, pod\u00e9s agregar fuentes personalizadas en la versi\u00f3n gratuita si utiliz\u00e1s un plugin adicional para a\u00f1adir las fuentes.<\/li>\n\n\n\n<li>Finalmente, modificar manualmente los archivos de tu tema te permite a\u00f1adir nuevas fuentes sin importar la versi\u00f3n de Elementor que us\u00e9s.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo agregar fuentes al plugin Elementor de WordPress: 3 m\u00e9todos<\/h2>\n\n\n\n<p>Hay 3 formas de a\u00f1adir fuentes personalizadas a un sitio de WordPress que construiste con Elementor:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Editando manualmente los archivos del tema de WordPress.<\/li>\n\n\n\n<li>Utilizando las funciones nativas de Elementor Pro para agregar fuentes personalizadas.<\/li>\n\n\n\n<li>Usando un plugin adicional para a\u00f1adir fuentes (versi\u00f3n gratuita de Elementor).<\/li>\n<\/ul>\n\n\n\n<p>Como pod\u00e9s ver, la versi\u00f3n gratuita de Elementor no soporta fuentes personalizadas. Aun as\u00ed, pod\u00e9s sortear esta limitaci\u00f3n f\u00e1cilmente con un plugin extra. Una alternativa a un plugin es agregar un fragmento de c\u00f3digo CSS en los archivos del tema.<\/p>\n\n\n\n<p>Finalmente, si ten\u00e9s Elementor Pro, pod\u00e9s usar f\u00e1cilmente sus funciones nativas para a\u00f1adir una nueva fuente personalizada.<\/p>\n\n\n\n<p>Vamos a explorar cada m\u00e9todo paso a paso.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Importante: Cre\u00e1 una copia de seguridad antes de editar tu sitio<\/h3>\n\n\n\n<p>Antes de hacer cualquier cambio en tu sitio, siempre deber\u00edas crear una <a href=\"https:\/\/wcanvas.com\/es\/blog\/how-to-back-up-your-wordpress-site-3-effective-methods-in-2023\/\" target=\"_blank\" rel=\"noreferrer noopener\">copia de seguridad<\/a> que puedas restaurar si algo sale mal durante la edici\u00f3n.<\/p>\n\n\n\n<p>Dicho eso, vamos con el tutorial.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo #1: Agregar fuentes a Elementor Pro<\/h3>\n\n\n\n<p>La versi\u00f3n Pro (de pago) de Elementor tiene el proceso m\u00e1s sencillo para agregar nuevas fuentes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Paso 1: Agregar tu nueva fuente<\/h4>\n\n\n\n<p>Desde el panel de control, and\u00e1 a <strong>Elementor &gt; Custom Fonts<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-1-1024x451.jpg\" alt=\"Men\u00fa del panel de WordPress mostrando funciones de Elementor, con &quot;Fuentes Personalizadas&quot; resaltado\" class=\"wp-image-3898\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-1-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-1-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-1-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Hac\u00e9 clic en <strong>Add New<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-2-1024x451.jpg\" alt=\"Funci\u00f3n de Fuentes Personalizadas de Elementor mostrando las fuentes personalizadas disponibles que el usuario ha subido\" class=\"wp-image-3899\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-2-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-2-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-2-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-2.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Paso 2: Nombrar tu nueva fuente<\/h4>\n\n\n\n<p>En la siguiente pantalla, pon\u00e9 un nombre a tu nueva fuente y hac\u00e9 clic en <strong>Add Font Variation<\/strong>. Puede ser cualquier nombre, pero asegurate de recordarlo para saber a qu\u00e9 tipo de fuente corresponde.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-3-1024x451.jpg\" alt=\"Funci\u00f3n &quot;Add New Font&quot; de Elementor\" class=\"wp-image-3900\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-3-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-3-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-3-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-3.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Paso 3: Subir tu nueva fuente<\/h4>\n\n\n\n<p>Ahora podr\u00e1s subir tu nueva fuente en los 5 formatos m\u00e1s populares. Hac\u00e9 clic en <strong>Upload<\/strong> y eleg\u00ed el archivo correspondiente para cada formato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-4-1024x451.jpg\" alt=\"Funci\u00f3n &quot;Add New Font&quot; de Elementor, mostrando varios botones &quot;Upload&quot; para subir fuentes\" class=\"wp-image-3901\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-4-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-4-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-4-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-4.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Los formatos disponibles son:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>TrueType (TTF). <\/strong>Las fuentes TrueType son ampliamente usadas y soportadas en Windows y macOS.<\/li>\n\n\n\n<li><strong>Web Open Font Format (WOFF).<\/strong> Este formato est\u00e1 dise\u00f1ado espec\u00edficamente para uso web y es efectivamente una fuente TrueType con compresi\u00f3n y metadatos adicionales. Las fuentes WOFF son ampliamente compatibles con los navegadores web modernos.<\/li>\n\n\n\n<li><strong>Web Open Font Format 2 (WOFF2).<\/strong> Una versi\u00f3n mejorada de WOFF que ofrece mejor compresi\u00f3n y mejor desempe\u00f1o en p\u00e1gina.<\/li>\n\n\n\n<li><strong>Embedded OpenType (EOT).<\/strong> Usado principalmente en versiones antiguas de Internet Explorer. Son menos comunes debido a la popularidad de WOFF y WOFF2.<\/li>\n\n\n\n<li><strong>Scalable Vector Graphics (SVG).<\/strong> Las fuentes SVG son parte de la especificaci\u00f3n SVG. Aunque ofrecen una alta calidad de renderizado a cualquier tama\u00f1o, su uso como fuentes web es menos com\u00fan debido a tama\u00f1os de archivo m\u00e1s grandes y soporte limitado por los navegadores.<\/li>\n<\/ul>\n\n\n\n<p>Si no ten\u00e9s un archivo para cada formato, est\u00e1 todo bien. A\u00f1adir los formatos WOFF, WOFF2 y TTF deber\u00eda ser suficiente. A veces, incluso s\u00f3lo un formato puede ser suficiente, especialmente si es WOFF2, que es el mejor para el rendimiento.<\/p>\n\n\n\n<p>Una vez que has subido una fuente, \u00a1est\u00e1 listo! Ahora pod\u00e9s acceder a la nueva fuente en el constructor de p\u00e1ginas.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Paso 4: A\u00f1adir una variaci\u00f3n para tu nueva fuente (opcional)<\/h4>\n\n\n\n<p>Despu\u00e9s de a\u00f1adir tu nueva fuente, pod\u00e9s seguir a\u00f1adiendo variaciones.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-5-1024x451.jpg\" alt=\"Bot\u00f3n &quot;Add Font Variation&quot; de Elementor en la funci\u00f3n &quot;Add New Font&quot;\" class=\"wp-image-3902\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-5-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-5-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-5-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-5.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo #2: A\u00f1adir fuentes a Elementor con un plugin (versi\u00f3n gratuita)<\/h3>\n\n\n\n<p>La versi\u00f3n gratuita de Elementor no soporta subir fuentes personalizadas, por lo que el m\u00e9todo anterior no funcionar\u00e1.<\/p>\n\n\n\n<p>Si vas a <strong>Dashboard &gt; Elementor &gt; Custom Fonts<\/strong>, te encontrar\u00e1s con una pantalla que te dice que esta funci\u00f3n solo est\u00e1 disponible en la versi\u00f3n Pro.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-6-1024x451.jpg\" alt=\"La funci\u00f3n &quot;Custom Fonts&quot; de Elementor solo est\u00e1 disponible en la versi\u00f3n Pro\" class=\"wp-image-3903\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-6-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-6-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-6-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-6.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Entonces, necesitamos otra soluci\u00f3n. Aqu\u00ed est\u00e1 el paso a paso de la alternativa utilizando un plugin que te ayuda a subir fuentes personalizadas.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Paso 1: Instalar un plugin de fuentes personalizadas<\/h4>\n\n\n\n<p>Esa soluci\u00f3n viene en forma de un plugin para subir fuentes personalizadas, como <a href=\"https:\/\/wordpress.org\/plugins\/custom-fonts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Custom Fonts<\/a> o <a href=\"https:\/\/wordpress.org\/plugins\/use-any-font\/\" target=\"_blank\" rel=\"noreferrer noopener\">Use Any Font<\/a>. Para este tutorial, vamos a usar Custom Fonts.<\/p>\n\n\n\n<p>Para instalar el plugin, and\u00e1 a <strong>Plugins &gt; Add New Plugin. <\/strong>Escrib\u00ed &#8220;custom fonts&#8221; en la barra de b\u00fasqueda, despu\u00e9s instal\u00e1 y activ\u00e1 el plugin &#8220;Custom Fonts \u2013 Host Your Own Fonts Locally&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-7-1024x451.jpg\" alt=\"Usuario de WordPress buscando &quot;custom fonts&quot; en el repositorio de plugins\" class=\"wp-image-3904\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-7-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-7-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-7-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-7.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Paso #2: Subir tu fuente personalizada<\/h4>\n\n\n\n<p>Tras instalar el plugin, and\u00e1 a <strong>Dashboard &gt; Appearance &gt; Custom Fonts<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-8-1024x451.jpg\" alt=\"El men\u00fa de &quot;Appearance&quot; en el panel de WordPress, resaltando el elemento de men\u00fa &quot;Custom Fonts&quot;\" class=\"wp-image-3905\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-8-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-8-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-8-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-8.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>En la siguiente pantalla, hac\u00e9 clic en <strong>Add New Font<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-9-1024x451.jpg\" alt=\"Bot\u00f3n &quot;Add New Font&quot; del plugin Custom Fonts\" class=\"wp-image-3906\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-9-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-9-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-9-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-9.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ahora hac\u00e9 clic en <strong>Choose File<\/strong> y sub\u00ed tus fuentes personalizadas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-10-1024x451.jpg\" alt=\"Un bot\u00f3n &quot;Choose File&quot; para subir fuentes personalizadas a WordPress, resaltado con un cuadro y una flecha\" class=\"wp-image-3907\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-10-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-10-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-10-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-10.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Sub\u00ed cada formato disponible para la fuente que quer\u00e9s usar, pero ten\u00e9 en cuenta que Custom Fonts solo soporta OTF, TTF, WOFF y WOFF2, por lo que no podr\u00e1s usar los formatos EOT o SVG.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-11-1024x451.jpg\" alt=\"Tres archivos de fuente de diferentes formatos resaltados con un cuadro en la aplicaci\u00f3n Finder de Mac\" class=\"wp-image-3908\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-11-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-11-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-11-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-11.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Despu\u00e9s de subir los archivos, nombr\u00e1 tu fuente y hac\u00e9 clic en <strong>Save Font<\/strong>. Ver\u00e1s el mensaje, &#8220;Variaci\u00f3n a\u00f1adida exitosamente.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-12-1024x451.jpg\" alt=\"Bot\u00f3n &quot;Save Font&quot; en el plugin Custom Fonts de WordPress\" class=\"wp-image-3909\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-12-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-12-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-12-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-12.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Paso 3: Usar tu fuente<\/h4>\n\n\n\n<p>\u00a1Tu fuente reci\u00e9n a\u00f1adida est\u00e1 disponible!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-13-1024x451.jpg\" alt=\"La secci\u00f3n de la lista de fuentes a\u00f1adidas con \u00e9xito del plugin Custom Fonts&quot;\" class=\"wp-image-3910\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-13-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-13-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-13-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-13.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ahora pod\u00e9s usarla normalmente en Elementor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo #3: A\u00f1adir fuentes manualmente a tus temas de WordPress<\/h3>\n\n\n\n<p>El m\u00e9todo que funcionar\u00e1 independientemente de tu versi\u00f3n de Elementor es a\u00f1adir manualmente las fuentes a tu carpeta <code>themes<\/code>. Si no te has aventurado en las carpetas internas de WordPress antes, puede ser desafiante al principio, pero funciona cada vez.<\/p>\n\n\n\n<p>Aqu\u00ed te mostramos c\u00f3mo hacerlo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Paso 1: Crear una nueva carpeta \u201cfonts\u201d<\/h4>\n\n\n\n<p>Para crear una nueva carpeta <code>fonts<\/code>, tendr\u00e1s que navegar a <code>wp-content\/themes\/fonts<\/code>. Pod\u00e9s acceder a los archivos internos de WordPress utilizando un cliente FTP como FileZilla o un panel de control de hosting como <a href=\"https:\/\/wcanvas.com\/es\/blog\/uninstall-wordpress-from-cpanel-in-7-easy-steps\/\" target=\"_blank\" rel=\"noreferrer noopener\">cPanel<\/a>. El proceso ser\u00e1 el mismo, ya sea que utilic\u00e9s FTP o un panel de control.<\/p>\n\n\n\n<p>Para iniciar sesi\u00f3n en tu cuenta de cPanel u otro panel de control de hosting que tengas, hacelo desde el panel de control de tu cuenta de hosting o and\u00e1 a <code>tu-sitio.com\/cpanel<\/code>.&nbsp;<\/p>\n\n\n\n<p>Desde el panel principal, and\u00e1 a la secci\u00f3n de <strong>Files<\/strong> y hac\u00e9 clic en <strong>File Manager<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-14-1024x451.jpg\" alt=\"Bot\u00f3n &quot;File Manager&quot; en cPanel, resaltado con un cuadro y una flecha\" class=\"wp-image-3911\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-14-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-14-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-14-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-14.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>En la siguiente pantalla, and\u00e1 al directorio <code>public_html<\/code>. El directorio <code>public_html<\/code> contiene los archivos internos de WordPress, incluidas las 3 carpetas principales (<code>wp-admin<\/code>, <code>wp-content<\/code> y <code>wp-includes<\/code>). En algunos casos, no se llamar\u00e1 <code>public_html<\/code>. En cambio, ser\u00e1 <code>\/<\/code>, <code>root<\/code>, <code>public<\/code>, <code>root_html<\/code> o el nombre de tu sitio web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-15-1024x451.jpg\" alt=\"Carpeta &quot;public_html&quot; en el Administrador de Archivos de cPanel, resaltada con una flecha\" class=\"wp-image-3912\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-15-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-15-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-15-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-15.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una vez que ingres\u00e1s en <code>public_html<\/code>, ver\u00e1s las 3 carpetas principales de WordPress. Acced\u00e9 a <code>wp-content<\/code>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-16-1024x451.jpg\" alt=\"Carpeta &quot;wp-content&quot; en el Administrador de Archivos de cPanel, resaltada con un cuadro\" class=\"wp-image-3913\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-16-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-16-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-16-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-16.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una vez dentro de <code>wp-content<\/code>, and\u00e1 a la subcarpeta <code>themes<\/code> y cre\u00e1 una nueva carpeta llamada fonts.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-17-1024x451.jpg\" alt=\"Carpeta &quot;Fonts&quot; en una aplicaci\u00f3n de administrador de archivos\" class=\"wp-image-3914\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-17-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-17-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-17-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-17.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Paso 2: A\u00f1adir la fuente a la nueva carpeta \u201cfonts\u201d<\/h4>\n\n\n\n<p>Simplemente arrastr\u00e1 los archivos de la fuente a la carpeta fonts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-18-1024x451.jpg\" alt=\"Tres archivos de fuente de diferentes formatos en una aplicaci\u00f3n de administrador de archivos\" class=\"wp-image-3915\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-18-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-18-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-18-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-18.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Idealmente, subir\u00edas los 5 formatos de archivos para cada fuente que quer\u00e9s a\u00f1adir, pero si sub\u00eds al menos los formatos WOFF, WOOF2 y TTF, tambi\u00e9n funciona bien.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Paso 3: A\u00f1adir la fuente al archivo de estilo del tema<\/h4>\n\n\n\n<p>Ahora que la fuente es parte de tu sitio de WordPress, es momento de a\u00f1adir la fuente al archivo de estilo de tu tema para habilitarla. Naveg\u00e1 a wp-content\/themes y acced\u00e9 al tema al que quer\u00e9s a\u00f1adir la fuente. Edit\u00e1 el style.css y agreg\u00e1 el siguiente fragmento de CSS.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">@font-face {\n    font-family: 'tu-nueva-fuente';\n    src: url(\"\/fonts\/tu-nueva-fuente.woff\"), format(\"woff\");\n        url(\"\/fonts\/tu-nueva-fuente.woff2\") format(\"woff2\");\n        url(\"\/fonts\/tu-nueva-fuente.format\") format(\"ttf\");\n    font-weight: normal;\n    font-style: normal;\n}<\/code><\/pre>\n\n\n\n<p>Ahora, pod\u00e9s usar tu nueva fuente en el tema al que la a\u00f1adiste.<\/p>\n\n\n\n<p>Record\u00e1 que si quer\u00e9s a\u00f1adir caracter\u00edsticas como negrita, cursiva y diferentes pesos, tendr\u00e1s que a\u00f1adirlas manualmente para cada fuente en la que las quieras utilizar.<\/p>\n\n\n\n<p>Adem\u00e1s, recomendamos usar un <a href=\"https:\/\/wcanvas.com\/es\/blog\/how-to-customize-woocommerce-with-a-child-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\">tema hijo<\/a> para evitar que una actualizaci\u00f3n borre el c\u00f3digo CSS personalizado que has agregado.<\/p>\n\n\n\n<p>Este m\u00e9todo puede ser desafiante para principiantes, pero solo requiere habilidades b\u00e1sicas de computaci\u00f3n y algo de dedicaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfD\u00f3nde pod\u00e9s obtener fuentes gratis para tu sitio de WordPress\/Elementor?<\/h2>\n\n\n\n<p>Usar fuentes personalizadas puede mejorar la identidad y legibilidad de tu sitio, pero no todos los proyectos tienen cientos o miles de d\u00f3lares para gastar en fuentes. Aqu\u00ed hay algunos de los sitios web que los desarrolladores de WordPress usan para obtener fuentes gratuitas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.1001freefonts.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">1001 Fonts<\/a>. Este sitio ofrece m\u00e1s de 30.000 fuentes gratuitas.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.fontsquirrel.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Font Squirrel<\/a>. Una vasta colecci\u00f3n de tipograf\u00edas adecuadas para muchos diferentes sitios y apps.<\/li>\n\n\n\n<li><a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Fonts<\/a>. Google proporciona una extensa base de datos de m\u00e1s de 600 fuentes. Algunas de sus fuentes sirven a millones de sitios web.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.dafont.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">DaFont<\/a>. Tiene m\u00e1s de 80.000 fuentes.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.fontspace.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">FontSpace<\/a>. Ofrece m\u00e1s de 120.000 fuentes gratuitas y con licencia legal.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Agregar fuentes a tu sitio de WordPress\/Elementor solo lleva unos pocos pasos<\/h2>\n\n\n\n<p>Como pod\u00e9s ver, a\u00f1adir fuentes a tu sitio de Elementor o a WordPress, en general, puede ser muy sencillo. Dependiendo del m\u00e9todo exacto, puede haber algunos pasos adicionales (especialmente si est\u00e1s agregando c\u00f3digo CSS personalizado), pero en general, el proceso implica subir un archivo de fuente o archivos a tu sitio, nombrarlo y luego a\u00f1adirle alguna variaci\u00f3n (opcional).<\/p>\n\n\n\n<p>Esperemos que ahora pod\u00e1s empezar a subir fuentes personalizadas a tu sitio de Elementor para hacerlo m\u00e1s \u00fanico.<\/p>\n\n\n\n<p>Si encontraste \u00fatil este post, <a href=\"https:\/\/wcanvas.com\/es\/blogs\/\" target=\"_blank\" rel=\"noreferrer noopener\">le\u00e9 nuestro blog<\/a> para m\u00e1s informaci\u00f3n y gu\u00edas sobre WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si ven\u00eds trabajando con Elementor desde hace un tiempo, quiz\u00e1s te pregunt\u00e1s c\u00f3mo agregar una nueva fuente a tu sitio de WordPress. A\u00f1adir fuentes nuevas y personalizadas puede mejorar el atractivo visual de tu sitio y reforzar la identidad de tu marca, manteniendo el rendimiento. Pero si nunca agregaste una fuente antes, el proceso puede [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3916,"template":"","blog-categories":[77],"class_list":["post-11145","blogs","type-blogs","status-publish","has-post-thumbnail","hentry","blog-categories-paso-a-paso"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo agregar una fuente a Elementor en WordPress: 3 m\u00e9todos - White Canvas<\/title>\n<meta name=\"description\" content=\"Agreg\u00e1 r\u00e1pidamente una fuente personalizada a tu sitio de WordPress con Elementor para mejorar su apariencia y branding.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo agregar una fuente a Elementor en WordPress: 3 m\u00e9todos - White Canvas\" \/>\n<meta property=\"og:description\" content=\"Agreg\u00e1 r\u00e1pidamente una fuente personalizada a tu sitio de WordPress con Elementor para mejorar su apariencia y branding.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"White Canvas\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-23T20:01:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-HERO.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"528\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": [\n\t                \"Article\",\n\t                \"BlogPosting\"\n\t            ],\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/\"\n\t            },\n\t            \"author\": {\n\t                \"@type\": \"Organization\",\n\t                \"name\": \"Wcanvas\",\n\t                \"url\": \"https:\/\/wcanvas.com\/\"\n\t            },\n\t            \"headline\": \"C\u00f3mo agregar una fuente a Elementor en WordPress: 3 m\u00e9todos\",\n\t            \"datePublished\": \"2024-03-01T21:44:21+00:00\",\n\t            \"dateModified\": \"2024-12-23T20:01:51+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@type\": \"WebPage\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/\"\n\t            },\n\t            \"wordCount\": 1662,\n\t            \"publisher\": {\n\t                \"@type\": \"Organization\",\n\t                \"name\": \"Wcanvas\",\n\t                \"logo\": {\n\t                    \"@type\": \"ImageObject\",\n\t                    \"url\": \"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png\"\n\t                }\n\t            },\n\t            \"image\": [],\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-HERO.jpg\",\n\t            \"inLanguage\": \"es\",\n\t            \"description\": null\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/\",\n\t            \"name\": \"C\u00f3mo agregar una fuente a Elementor en WordPress: 3 m\u00e9todos - White Canvas\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-HERO.jpg\",\n\t            \"datePublished\": \"2024-03-01T21:44:21+00:00\",\n\t            \"dateModified\": \"2024-12-23T20:01:51+00:00\",\n\t            \"description\": \"Agreg\u00e1 r\u00e1pidamente una fuente personalizada a tu sitio de WordPress con Elementor para mejorar su apariencia y branding.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"es\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"es\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/#primaryimage\",\n\t            \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-HERO.jpg\",\n\t            \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-HERO.jpg\",\n\t            \"width\": 1200,\n\t            \"height\": 528\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Blogs\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/blogs\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 3,\n\t                    \"name\": \"C\u00f3mo agregar una fuente a Elementor en WordPress: 3 m\u00e9todos\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#website\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t            \"name\": \"White Canvas\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/wcanvas.com\/es\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"es\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\",\n\t            \"name\": \"White Canvas\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"es\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t                \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t                \"width\": 115,\n\t                \"height\": 32,\n\t                \"caption\": \"White Canvas\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\"\n\t            },\n\t            \"alternateName\": \"Wcanvas\",\n\t            \"contactPoint\": [\n\t                {\n\t                    \"@type\": \"ContactPoint\",\n\t                    \"telephone\": \"+1 (347) 688 2902\",\n\t                    \"contactType\": \"sales\",\n\t                    \"contactOption\": \"TollFree\",\n\t                    \"areaServed\": \"US\",\n\t                    \"availableLanguage\": \"en\"\n\t                },\n\t                {\n\t                    \"@type\": \"ContactPoint\",\n\t                    \"telephone\": \"+54 (11) 5236 4717\",\n\t                    \"contactType\": \"sales\",\n\t                    \"contactOption\": \"TollFree\",\n\t                    \"areaServed\": \"AR\",\n\t                    \"availableLanguage\": \"es\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198\",\n\t            \"name\": \"Nicolas Pisani\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"es\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t                \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t                \"caption\": \"Nicolas Pisani\"\n\t            },\n\t            \"sameAs\": [\n\t                \"https:\/\/wcanvas.com\",\n\t                \"#\",\n\t                \"https:\/\/www.instagram.com\/whitecanvasteam\/\",\n\t                \"https:\/\/x.com\/wcanvas\"\n\t            ]\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo agregar una fuente a Elementor en WordPress: 3 m\u00e9todos - White Canvas","description":"Agreg\u00e1 r\u00e1pidamente una fuente personalizada a tu sitio de WordPress con Elementor para mejorar su apariencia y branding.","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:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo agregar una fuente a Elementor en WordPress: 3 m\u00e9todos - White Canvas","og_description":"Agreg\u00e1 r\u00e1pidamente una fuente personalizada a tu sitio de WordPress con Elementor para mejorar su apariencia y branding.","og_url":"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/","og_site_name":"White Canvas","article_modified_time":"2024-12-23T20:01:51+00:00","og_image":[{"width":1200,"height":528,"url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-HERO.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/#article","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/"},"author":{"@type":"Organization","name":"Wcanvas","url":"https:\/\/wcanvas.com\/"},"headline":"C\u00f3mo agregar una fuente a Elementor en WordPress: 3 m\u00e9todos","datePublished":"2024-03-01T21:44:21+00:00","dateModified":"2024-12-23T20:01:51+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/"},"wordCount":1662,"publisher":{"@type":"Organization","name":"Wcanvas","logo":{"@type":"ImageObject","url":"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png"}},"image":[],"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-HERO.jpg","inLanguage":"es","description":null},{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/","url":"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/","name":"C\u00f3mo agregar una fuente a Elementor en WordPress: 3 m\u00e9todos - White Canvas","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-HERO.jpg","datePublished":"2024-03-01T21:44:21+00:00","dateModified":"2024-12-23T20:01:51+00:00","description":"Agreg\u00e1 r\u00e1pidamente una fuente personalizada a tu sitio de WordPress con Elementor para mejorar su apariencia y branding.","breadcrumb":{"@id":"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/#primaryimage","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-HERO.jpg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-add-font-to-elementor-HERO.jpg","width":1200,"height":528},{"@type":"BreadcrumbList","@id":"https:\/\/wcanvas.com\/es\/blog\/agregar-fuente-elementor-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wcanvas.com\/es\/"},{"@type":"ListItem","position":2,"name":"Blogs","item":"https:\/\/wcanvas.com\/es\/blogs\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo agregar una fuente a Elementor en WordPress: 3 m\u00e9todos"}]},{"@type":"WebSite","@id":"https:\/\/wcanvas.com\/es\/#website","url":"https:\/\/wcanvas.com\/es\/","name":"White Canvas","description":"","publisher":{"@id":"https:\/\/wcanvas.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wcanvas.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wcanvas.com\/es\/#organization","name":"White Canvas","url":"https:\/\/wcanvas.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","width":115,"height":32,"caption":"White Canvas"},"image":{"@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/"},"alternateName":"Wcanvas","contactPoint":[{"@type":"ContactPoint","telephone":"+1 (347) 688 2902","contactType":"sales","contactOption":"TollFree","areaServed":"US","availableLanguage":"en"},{"@type":"ContactPoint","telephone":"+54 (11) 5236 4717","contactType":"sales","contactOption":"TollFree","areaServed":"AR","availableLanguage":"es"}]},{"@type":"Person","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198","name":"Nicolas Pisani","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","caption":"Nicolas Pisani"},"sameAs":["https:\/\/wcanvas.com","#","https:\/\/www.instagram.com\/whitecanvasteam\/","https:\/\/x.com\/wcanvas"]}]}},"_links":{"self":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs\/11145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs"}],"about":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/types\/blogs"}],"author":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media\/3916"}],"wp:attachment":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media?parent=11145"}],"wp:term":[{"taxonomy":"blog-categories","embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blog-categories?post=11145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}