{"id":4288,"date":"2017-04-19T00:53:04","date_gmt":"2017-04-18T22:53:04","guid":{"rendered":"https:\/\/blog.hostinger.io\/tutoriales\/?p=4288"},"modified":"2026-03-10T16:44:45","modified_gmt":"2026-03-10T15:44:45","slug":"fuentes-personalizadas-en-wordpress","status":"publish","type":"post","link":"\/co\/tutoriales\/fuentes-personalizadas-en-wordpress\/","title":{"rendered":"C\u00f3mo a\u00f1adir fuentes personalizadas a WordPress"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Hay innumerables maneras de hacer que tu sitio WordPress tenga un aspecto m&aacute;s agradable a la vista. Una de ellas es a&ntilde;adir fuentes a WordPress.<\/p><p class=\"wp-block-paragraph\">Sin embargo, la elecci&oacute;n de <a href=\"\/co\/tutoriales\/mejores-fuentes-html\/\">fuentes<\/a> para WordPress puede ser limitada y depender del tema. En este post, aprender&aacute;s c&oacute;mo instalar fuentes en WordPress, tanto manualmente como mediante plugins.<\/p><h2 class=\"wp-block-heading\" id=\"h-donde-descargar-fuentes-para-wordpress\">&iquest;D&oacute;nde descargar fuentes para WordPress?<\/h2><p class=\"wp-block-paragraph\">Hay numerosos sitios donde puedes encontrar fuentes web gratuitas, y <a href=\"https:\/\/www.fontsquirrel.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Font Squirrel<\/a> es uno de ellos. Puedes encontrar f&aacute;cilmente fuentes gratuitas con licencia para uso comercial.&nbsp;<\/p><p class=\"wp-block-paragraph\">Adem&aacute;s, <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Fonts<\/a> tiene m&aacute;s de 900 familias de fuentes y <a href=\"https:\/\/www.dafont.com\/es\/\" target=\"_blank\" rel=\"noreferrer noopener\">dafont.com<\/a> ofrece una amplia colecci&oacute;n de fuentes web.&nbsp;<\/p><p class=\"wp-block-paragraph\"><a href=\"https:\/\/elements.envato.com\/es\/fonts\" target=\"_blank\" rel=\"noreferrer noopener\">Envato Elements<\/a> es otra gran fuente, con m&aacute;s de 28.000 fuentes premium entre las que elegir.<\/p><p class=\"wp-block-paragraph\">Si buscas algo m&aacute;s adecuado para uso personal, consulta <a href=\"https:\/\/www.fonts.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Fonts.com<\/a> y <a href=\"http:\/\/www.1001freefonts.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">1001 Free Fonts<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-convertir-las-fuentes-a-un-formato-web-amigable\">Convertir las fuentes a un formato web amigable<\/h2><p class=\"wp-block-paragraph\">Cabe mencionar que no todos los navegadores web admiten todas las fuentes personalizadas. No obstante, aunque la fuente que hayas elegido no sea compatible, puedes convertirla a un formato compatible.<\/p><p class=\"wp-block-paragraph\">Antes de convertir fuentes de un formato a otro, echemos un vistazo r&aacute;pido a los distintos formatos de fuente:<\/p><ul class=\"wp-block-list\">\n<li><strong>Fuentes Open Type (OTF): <\/strong>son las<strong> <\/strong>fuentes web m&aacute;s utilizadas y son una marca registrada de Microsoft. Este formato funciona bien con casi todos los principales navegadores.<\/li>\n\n\n\n<li><strong>Fuentes True Type (TTF): <\/strong>desarrolladas por Microsoft y Apple en 1980. Muy utilizadas tanto en Windows como en macOS.<\/li>\n\n\n\n<li><strong>Web Open Font Format (WOFF): <\/strong>formato ampliamente utilizado para p&aacute;ginas web y recomendado por el <a href=\"https:\/\/www.w3.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">World Wide Web Consortium<\/a> (W3C).<\/li>\n\n\n\n<li><strong>WOFF 2.0: <\/strong>se<strong> <\/strong>considera una opci&oacute;n mejor que <strong>WOFF 1.0 <\/strong>debido a sus mejores capacidades de compresi&oacute;n. Este formato no es compatible con Safari e Internet Explorer, pero funciona bien con Google Chrome, Firefox u Opera.<\/li>\n\n\n\n<li><strong>Fuentes OpenType incrustadas (EOF): <\/strong>fuentes OTF m&aacute;s compactas, utilizadas como fuentes incrustadas en p&aacute;ginas web. Los principales navegadores admiten EOF.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Si no est&aacute;s seguro de si tu fuente es compatible con tu navegador predeterminado, utiliza el <a href=\"https:\/\/www.fontsquirrel.com\/tools\/webfont-generator\" target=\"_blank\" rel=\"noreferrer noopener\">Generador de Webfont<\/a>. Esta herramienta te permite convertir f&aacute;cilmente casi cualquier fuente a un formato compatible con la web:<\/p><ol class=\"wp-block-list\">\n<li>Ve al Generador de Webfont.<\/li>\n\n\n\n<li>Haz clic en el bot&oacute;n <strong>Cargar fuentes <\/strong>y elige la fuente que quieras convertir.<\/li>\n\n\n\n<li>Marca la casilla de la secci&oacute;n <strong>Acuerdo <\/strong>para declarar que tus fuentes son legalmente aptas para la incrustaci&oacute;n web.<\/li>\n\n\n\n<li>Pulsa el bot&oacute;n <strong>Descarga tu kit <\/strong>y guarda el archivo<strong> .zip <\/strong>en tu ordenador.<\/li>\n\n\n\n<li>Dentro del archivo, encontrar&aacute;s fuentes en formato <strong>WOFF <\/strong>y <strong>WOFF 2.0 <\/strong>junto con <strong>archivos CSS <\/strong>y una <strong>p&aacute;gina HTML <\/strong>de demostraci&oacute;n.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1230\" height=\"541\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Upload-fonts.png\/w=1024,h=1024,fit=scale-down\" alt=\"Upload Fonts de Webfont\" class=\"wp-image-37368\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Upload-fonts.png\/w=1230,fit=scale-down 1230w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Upload-fonts.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Upload-fonts.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Upload-fonts.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Upload-fonts.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1230px) 100vw, 1230px\" \/><\/figure><h2 class=\"wp-block-heading\" id=\"h-como-anadir-fuentes-personalizadas-a-wordpress\">&iquest;C&oacute;mo a&ntilde;adir fuentes personalizadas a WordPress?<\/h2><p class=\"wp-block-paragraph\">A continuaci&oacute;n te explicamos c&oacute;mo puedes a&ntilde;adir fuentes a WordPress personalizadamente, a&ntilde;adiendo una manual o mediante plugins.<\/p><h3 class=\"wp-block-heading\">C&oacute;mo a&ntilde;adir fuentes a WordPress de forma manual<\/h3><p class=\"wp-block-paragraph\">Si no quieres sobrecargar tu WordPress con plugins, puedes a&ntilde;adir manualmente fuentes a tu sitio web. Debes subir tu fuente a tu cuenta de <a href=\"\/co\/hosting-wordpress\">hosting con WordPress<\/a> o del tipo de host que utilices y editar el archivo CSS de tu tema.<\/p><ol class=\"wp-block-list\">\n<li>Descarga en tu ordenador la fuente que quieras utilizar y extrae el archivo <strong>.zip <\/strong>si es necesario.<\/li>\n\n\n\n<li>Ahora tienes que subir tu fuente usando un cliente FTP o el Administrador de Archivos de tu hosting. Las fuentes se tienen que subir a la siguiente direcci&oacute;n: <strong>wp-content\/themes\/your-theme\/fonts<\/strong>. Si en tu tema no existe una carpeta llamada &lsquo;fonts&rsquo; solo tienes que crearla.<\/li>\n\n\n\n<li>Una vez que hayas subido la fuente tienes que dirigirte a tu &aacute;rea de administrador de WordPress ir a <strong>Apariencia &gt; Editar<\/strong>. Ah&iacute; tienes que seleccionar el archivo <strong>style.css<\/strong>. Despl&aacute;zate hasta el final del c&oacute;digo de ese archivo y agrega el siguiente c&oacute;digo:<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@font-face { font-family: Aguafina Script-Regular; src: \nurl(http:\/\/test-site.com\/wp-content\/themes\/twentynineteen\/fonts\/AguafinaScript-Regular.ttf);\nfont-weight: normal; }<\/pre><p class=\"wp-block-paragraph\">        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Consejo profesional                <\/p>\n            <\/div>\n            <p class=\"protip__content\">No olvides cambiar los valores de <strong>font-family <\/strong>y <strong>URL <\/strong>para que coincidan con tu fuente.<\/p>\n                    <\/div>\n        <\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Editor-de-temas-en-WP.png\/w=1024,h=1024,fit=scale-down\" alt=\"Editor del tema en el panel de control de WordPress\" class=\"wp-image-37369\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Editor-de-temas-en-WP.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Editor-de-temas-en-WP.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Editor-de-temas-en-WP.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Editor-de-temas-en-WP.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"4\" class=\"wp-block-list\">\n<li>Pulsa el bot&oacute;n <strong>Actualizar Archivo <\/strong>para guardar los cambios.<\/li>\n<\/ol><p class=\"wp-block-paragraph\">Recuerda que el c&oacute;digo <strong>font-face <\/strong>carga la fuente cada vez que un visitante visita tu sitio web. Sin embargo, la fuente a&uacute;n no se aplica a ning&uacute;n elemento.<\/p><p class=\"wp-block-paragraph\">Para asignar la fuente a un elemento concreto, debes editar el mismo archivo <strong>style.css<\/strong>. Por ejemplo, el siguiente c&oacute;digo aplicar&iacute;a la fuente <strong>Aguafina Script <\/strong>al t&iacute;tulo de nuestro sitio web.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.site-title {\nfont-family: \"Aguafina Script-Regular\", Arial, sans-serif;\n}<\/pre><p class=\"wp-block-paragraph\">Este es el resultado final:<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"976\" height=\"573\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/ejemplo-de-fuente-en-wp.png\/public\" alt=\"Ejemplo de fuente Aquafina de WordPress\" class=\"wp-image-37370\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/ejemplo-de-fuente-en-wp.png\/w=976,fit=scale-down 976w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/ejemplo-de-fuente-en-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/ejemplo-de-fuente-en-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/ejemplo-de-fuente-en-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 976px) 100vw, 976px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-como-anadir-fuentes-a-wordpress-mediante-plugins\">C&oacute;mo a&ntilde;adir fuentes a WordPress mediante plugins<\/h3><p class=\"wp-block-paragraph\"><a href=\"\/co\/tutoriales\/instalar-plugins-en-wordpress\/\">Instalar plugins<\/a> para a&ntilde;adir fuentes personalizadas a WordPress es probablemente la forma m&aacute;s sencilla de realizar esta actividad. Aqu&iacute; tienes algunas de las opciones m&aacute;s populares:<\/p><h4 class=\"wp-block-heading\">Google Fonts Typography<\/h4><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"321\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Google-Fonts-Typo.png\/w=1024,h=1024,fit=scale-down\" alt=\"Plugin Google Fonts Typography\" class=\"wp-image-37371\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Google-Fonts-Typo.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Google-Fonts-Typo.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Google-Fonts-Typo.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Google-Fonts-Typo.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\">El plugin <a href=\"https:\/\/es.wordpress.org\/plugins\/olympus-google-fonts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Fonts Typography<\/a> es una herramienta esencial para los propietarios de sitios web de WordPress que desean elevar la est&eacute;tica y la legibilidad de la letra de su contenido.&nbsp;<\/p><p class=\"wp-block-paragraph\">Este complemento vers&aacute;til te brinda un acceso directo a la vasta biblioteca de fuentes de Google, permiti&eacute;ndote seleccionar y aplicar tipograf&iacute;as personalizadas de manera sencilla y efectiva.&nbsp;<\/p><p class=\"wp-block-paragraph\">Adem&aacute;s de ofrecer una amplia variedad de fuentes, el plugin se mantiene actualizado constantemente, asegurando que est&eacute; en perfecta sincronizaci&oacute;n con las &uacute;ltimas versiones de WordPress.&nbsp;<\/p><h4 class=\"wp-block-heading\">Custom Fonts<\/h4><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"314\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Custom-Fonts.png\/w=1024,h=1024,fit=scale-down\" alt=\"Plugin Custom Fonts\" class=\"wp-image-37372\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Custom-Fonts.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Custom-Fonts.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Custom-Fonts.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/01\/Custom-Fonts.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p class=\"wp-block-paragraph\">El plugin <a href=\"https:\/\/es.wordpress.org\/plugins\/custom-fonts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Custom Fonts<\/a> es una herramienta esencial para aquellos que desean un control total sobre las fuentes en su p&aacute;gina web de WordPress.&nbsp;<\/p><p class=\"wp-block-paragraph\">Con este plugin, puedes alojar tus propias fuentes de manera local, lo que significa que no dependes de fuentes externas, lo que mejora la velocidad de carga y la seguridad de tu sitio.&nbsp;<\/p><p class=\"wp-block-paragraph\">Para utilizarlo, simplemente instala el plugin y carga tus archivos de fuentes personalizadas. Una vez cargadas, podr&aacute;s aplicar estas fuentes a tus elementos de dise&ntilde;o, como t&iacute;tulos y texto, directamente desde el personalizador de WordPress.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/co\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/40\/2024\/06\/ES-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p class=\"wp-block-paragraph\">Has aprendido a descargar y convertir fuentes a un formato apto para la web. Tambi&eacute;n has descubierto dos formas de a&ntilde;adir fuentes personalizadas a WordPress.&nbsp;<\/p><p class=\"wp-block-paragraph\">Sea cual sea el tipo de tipograf&iacute;a que elijas, aseg&uacute;rate de que se adapta al tema y al estilo de tu sitio.<\/p><p class=\"wp-block-paragraph\">Si tienes alguna duda sobre c&oacute;mo a&ntilde;adir fuentes a WordPress, comparte tu opini&oacute;n en la secci&oacute;n de comentarios de abajo.<\/p><p class=\"wp-block-paragraph\">        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Aprende m&aacute;s sobre WordPress                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><a href=\"\/co\/tutoriales\/cambiar-tamano-letra-wordpress\/\">Cambiar tama&ntilde;o de fuente<br><\/a><a href=\"\/co\/tutoriales\/como-crear-un-slider-wordpress\/\">Crear slider en WordPress<br><\/a><a href=\"\/co\/tutoriales\/tamanos-de-imagenes-en-wordpress\/\">Tama&ntilde;os de imagen en WordPress<br><\/a><a href=\"\/co\/tutoriales\/page-builders-wordpress\/\">Creadores de p&aacute;ginas de WordPress<br><\/a><a href=\"\/co\/tutoriales\/campos-personalizados-wordpress\/\">Campos personalizados de WordPress<\/a><\/p>\n                    <\/div>\n        <\/p><h2 class=\"wp-block-heading\" id=\"h-anadir-fuentes-a-wordpress-preguntas-frecuentes\">A&ntilde;adir fuentes a WordPress &ndash; Preguntas frecuentes<\/h2><p class=\"wp-block-paragraph\">Ahora que ya sabes c&oacute;mo a&ntilde;adir una fuente personalizada a WordPress, aqu&iacute; tienes algunas preguntas comunes sobre el tema.<\/p><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-69447791d0df9\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">u0026iquest;Cu0026oacute;mo instalar fuentes en WordPress sin plugins?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Para au0026ntilde;adir manualmente fuentes personalizadas a WordPress, tendru0026aacute;s que utilizar un cliente FTP como FileZilla o un gestor de archivos. Debes subir la fuente personalizada a tu cuenta de hosting y editar el archivo CSS de tu tema.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69447791d0dfb\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">u0026iquest;Puedo utilizar cualquier fuente en WordPress?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Su0026iacute;, puedes utilizar cualquier fuente en WordPress. Sin embargo, es importante que tengas en cuenta que algunas fuentes pueden ser demasiado grandes o demasiado pequeu0026ntilde;as para tu sitio web, por lo que es importante que te asegures de que la fuente que elijas sea compatible con tu tema.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69447791d0dfc\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">u0026iquest;Es ilegal utilizar la misma fuente que otra empresa?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>La legalidad de utilizar una fuente determinada depende del contexto y de su uso. Las fuentes se consideran propiedad intelectual y pueden estar protegidas por leyes de derechos de autor en la mayoru0026iacute;a de los pau0026iacute;ses.u0026nbsp;u003cbr \/u003eu003cbr \/u003eEn u0026uacute;ltima instancia, si es ilegal utilizar la fuente de otra persona varu0026iacute;a segu0026uacute;n las leyes de cada pau0026iacute;s, por lo que deberu0026iacute;as consultar a un abogado.u003cbr \/u003e<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hay innumerables maneras de hacer que tu sitio WordPress tenga un aspecto m&aacute;s agradable a la vista. Una de ellas es a&ntilde;adir fuentes a WordPress. Sin embargo, la elecci&oacute;n de fuentes para WordPress puede ser limitada y depender del tema. En este post, aprender&aacute;s c&oacute;mo instalar fuentes en WordPress, tanto manualmente como mediante plugins. &iquest;D&oacute;nde [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/co\/tutoriales\/fuentes-personalizadas-en-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":138,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"C\u00f3mo a\u00f1adir fuentes personalizadas a WordPress","rank_math_description":"El dise\u00f1o de tu web es muy importante para que los usuarios lo recuerden. Veamos donde descargar fuentes para WordPress y c\u00f3mo instalarlas.","rank_math_focus_keyword":"a\u00f1adir fuentes a WordPress","footnotes":""},"categories":[4747],"tags":[5370],"class_list":["post-4288","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-fuentes-personalizadas"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-add-custom-fonts-to-wordpress\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-adicionar-fontes-personalizadas-wordpress\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/ajouter-police-wordpress\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/fuentes-personalizadas-en-wordpress\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-add-custom-fonts-to-wordpress\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-add-custom-fonts-to-wordpress\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-add-custom-fonts-to-wordpress\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-add-custom-fonts-to-wordpress\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-add-custom-fonts-to-wordpress\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-add-custom-fonts-to-wordpress\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-add-custom-fonts-to-wordpress\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/fuentes-personalizadas-en-wordpress\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/fuentes-personalizadas-en-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/fuentes-personalizadas-en-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-adicionar-fontes-personalizadas-wordpress\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/4288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/comments?post=4288"}],"version-history":[{"count":20,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/4288\/revisions"}],"predecessor-version":[{"id":46983,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/4288\/revisions\/46983"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media?parent=4288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/categories?post=4288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/tags?post=4288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}