{"id":29357,"date":"2018-10-25T00:00:00","date_gmt":"2018-10-24T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=29357"},"modified":"2023-09-12T17:21:13","modified_gmt":"2023-09-12T11:51:13","slug":"custom-fonts-in-astra","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/custom-fonts-in-astra\/","title":{"rendered":"\u00bfC\u00f3mo a\u00f1adir fuentes personalizadas en Astra?"},"content":{"rendered":"<p>Aunque Astra ofrece una amplia gama de fuentes de Google, tambi\u00e9n puedes utilizar f\u00e1cilmente tus propias fuentes personalizadas.<\/p>\n\n\n\n<p>Este documento te ayudar\u00e1 a entender c\u00f3mo a\u00f1adir fuentes personalizadas mientras usas el tema Astra.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-1.jpeg\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"630\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-1.jpeg\" alt=\"\" class=\"wp-image-162469\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-1.jpeg 1200w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-1-300x158.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-1-1024x538.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-1-768x403.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-1-18x9.jpeg 18w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/figure>\n\n\n\n<p><a id=\"post-29357-_vpbdcabxi6kz\"><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 son las fuentes personalizadas?<\/strong><\/h3>\n\n\n\n<p>Las fuentes personalizadas son estilos de letra especiales que puede elegir para su sitio web en lugar de las habituales que utiliza todo el mundo. Te permiten dar a tu sitio un aspecto \u00fanico.<\/p>\n\n\n\n<p>Estas fuentes son \u00fanicas y distintas, y a menudo reflejan la personalidad, la marca o las preferencias de dise\u00f1o de la entidad para la que se crean.<\/p>\n\n\n\n<p>Por ejemplo, si tiene una marca de ropa elegante, puede elegir un tipo de letra especial que resulte elegante y exclusivo. Esto har\u00e1 que tu marca destaque y dar\u00e1 a tu sitio web un aire con clase.<\/p>\n\n\n\n<p>O, si dirige una agencia creativa, puede optar por una fuente divertida y diferente que encaje con su estilo creativo, para que su sitio tenga un aspecto fresco y memorable.<\/p>\n\n\n\n<p>As\u00ed, las fuentes personalizadas ayudan a que su sitio web tenga un aspecto especial y se adapte mejor a su marca o estilo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-29357-_twvmhnw5fsfn\"><\/a><strong>C\u00f3mo a\u00f1adir fuentes personalizadas en Astra<\/strong><\/h3>\n\n\n\n<p>Para utilizar sus propias fuentes personalizadas, debe instalar la aplicaci\u00f3n <a href=\"https:\/\/wordpress.org\/plugins\/custom-fonts\/\">plugin de fuentes personalizadas<\/a> a su sitio web. A continuaci\u00f3n, descargue las fuentes personalizadas que desee y, por \u00faltimo, c\u00e1rguelas y util\u00edcelas en su sitio web.<\/p>\n\n\n\n<p>Vayamos paso a paso.<\/p>\n\n\n\n<p>En primer lugar, s\u00f3lo tiene que seguir los pasos que se indican a continuaci\u00f3n para a\u00f1adir y utilizar el plugin de fuentes personalizadas en su sitio web:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vaya a su panel de control de WordPress.<\/li>\n\n\n\n<li>Haga clic en \"Plugins\" en el men\u00fa y seleccione \"A\u00f1adir nuevo\".<\/li>\n\n\n\n<li>Busque \"Fuentes personalizadas\" en la barra de b\u00fasqueda.<\/li>\n\n\n\n<li>Haz clic en \"Instalar\" y luego en \"Activar\".<\/li>\n\n\n\n<li>Tras la instalaci\u00f3n, active el plugin Fuentes personalizadas.<\/li>\n\n\n\n<li>Encuentra las opciones del plugin en Dashboard &gt; Appearance &gt; Custom Fonts para personalizar tus fuentes.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-2.png\"><img decoding=\"async\" width=\"1894\" height=\"845\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-2.png\" alt=\"\" class=\"wp-image-162470\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-2.png 1894w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-2-300x134.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-2-1024x457.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-2-768x343.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-2-1536x685.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-2-18x8.png 18w\" sizes=\"(max-width: 1894px) 100vw, 1894px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Ya est\u00e1, ha a\u00f1adido y activado correctamente el plugin de fuentes personalizadas y ya puede personalizar las fuentes de su sitio web.<\/p>\n\n\n\n<p>El siguiente paso ser\u00eda descargar la fuente personalizada.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-29357-_ukex9zq8n6hp\"><\/a><strong>C\u00f3mo descargar la fuente personalizada<\/strong><\/h3>\n\n\n\n<p>Antes de a\u00f1adir fuentes a tu sitio web, puedes obtener tus fuentes personalizadas de diversas fuentes. Es importante tener en cuenta que algunas fuentes pueden venir con restricciones de licencia cuando las incorporas a tu sitio web.<\/p>\n\n\n\n<p>A efectos de esta gu\u00eda, utilizaremos Google Fonts como ejemplo. Puede acceder a Google Fonts en <a href=\"https:\/\/www.fontsquirrel.com\/\">https:\/\/www.fontsquirrel.com\/<\/a>.<\/p>\n\n\n\n<p>Una vez elegidas las fuentes en Google Fonts, el siguiente paso es descargar los archivos de fuentes haciendo clic en el bot\u00f3n \"Descargar TTF\".<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-3.png\"><img decoding=\"async\" width=\"1402\" height=\"842\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-3.png\" alt=\"\" class=\"wp-image-162471\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-3.png 1402w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-3-300x180.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-3-1024x615.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-3-768x461.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-3-18x12.png 18w\" sizes=\"(max-width: 1402px) 100vw, 1402px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Cuando abra el archivo .zip descargado, encontrar\u00e1 archivos de fuentes en varios formatos como TTF, OTF, WOFF, WOFF2, etc.<\/p>\n\n\n\n<p>Estos archivos de fuentes pueden extraerse y guardarse en su ordenador. En funci\u00f3n de sus necesidades, podr\u00e1 cargar posteriormente uno o varios de estos archivos de fuentes en su sitio web, seg\u00fan le convenga.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-29357-_rc2a56ejsh53\"><\/a><strong>Cargue y utilice fuentes personalizadas en su sitio web<\/strong><\/h3>\n\n\n\n<p>Una vez que tengas tus archivos de fuentes y el plugin Custom Fonts instalado es hora de subir esta fuente. Vamos a empezar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vaya a Panel de control &gt; Apariencia &gt; Fuentes personalizadas;<\/li>\n\n\n\n<li>Ahora, haz clic en el bot\u00f3n \"A\u00f1adir nueva fuente\" y dale un nombre a tu fuente. Puede ser cualquier nombre que quieras que sea reconocible para ti. As\u00ed es como la fuente se mostrar\u00e1 en la lista de fuentes en el Personalizador. Para este ejemplo, mantendremos el nombre de la fuente - \"Nanum Gothic\".<\/li>\n\n\n\n<li>Seleccione el peso de fuente apropiado para el archivo de fuente que est\u00e1 cargando.<\/li>\n\n\n\n<li>Seleccione su archivo de fuentes.<\/li>\n\n\n\n<li>Este paso es opcional. Si su fuente tiene m\u00e1s variaciones, despl\u00e1cese hacia abajo y haga clic en \"A\u00f1adir variaci\u00f3n de fuente\".<\/li>\n\n\n\n<li>Una vez que haya a\u00f1adido todas las variaciones de fuentes, haga clic en el bot\u00f3n \"Guardar fuente\" situado en la parte inferior del formulario para guardarla y cargarla.<\/li>\n\n\n\n<li>La fuente se a\u00f1adir\u00e1 autom\u00e1ticamente a la lista de fuentes de todas las opciones tipogr\u00e1ficas del Personalizador.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/09\/upload-custom-font.webm\"><\/video><\/figure>\n\n\n\n<p><a id=\"post-29357-_m3hnb14hz3og\"><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>C\u00f3mo personalizar la tipograf\u00eda con la fuente cargada<\/strong><\/h3>\n\n\n\n<p>Una vez que cargue la fuente personalizada en su sitio web, \u00e9sta se a\u00f1adir\u00e1 autom\u00e1ticamente a la lista de fuentes de todas las opciones tipogr\u00e1ficas del Personalizador. Para utilizarla, sigue estos pasos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vaya a Apariencia &gt; Personalizar<\/li>\n\n\n\n<li>Navegue a cualquier opci\u00f3n de Tipograf\u00eda que desee editar. En este ejemplo, utilizaremos la fuente cargada en Global &gt; Tipograf\u00eda &gt; Fuente base.<\/li>\n\n\n\n<li>Cuando haga clic en el men\u00fa desplegable de fuentes, encontrar\u00e1 su nueva fuente en la secci\u00f3n \"Otras fuentes del sistema\" de la lista. Seleccione aqu\u00ed su fuente.<\/li>\n\n\n\n<li>Seleccione las variantes que desea utilizar de entre las disponibles (dependiendo de cu\u00e1ntas haya cargado).<\/li>\n\n\n\n<li>Haz clic en el bot\u00f3n \"Publicar\" para aplicar tu fuente.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1894\" height=\"845\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-5.png\" alt=\"\" class=\"wp-image-162473\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-5.png 1894w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-5-300x134.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-5-1024x457.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-5-768x343.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-5-1536x685.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/10\/word-image-29357-5-18x8.png 18w\" sizes=\"(max-width: 1894px) 100vw, 1894px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Siguiendo los pasos anteriores, puedes a\u00f1adir cualquier fuente personalizada a tu sitio y utilizarlas con el tema Astra.<\/p>\n\n\n\n<p>Espero que le haya sido \u00fatil. Pero si tienes alguna pregunta, no dudes en ponerte en contacto con nosotros.<\/p>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-c6101fba uagb-inline_notice__outer-wrap\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>Es importante mencionar que desde la versi\u00f3n 3.6.0 del tema Astra, tiene la opci\u00f3n de <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/performance-is-the-key\/\" target=\"_blank\" rel=\"noreferrer noopener\">autoalojamiento de Google Fonts<\/a> en tu sitio web (Astra &gt; Panel &gt; Configuraci\u00f3n &gt; Rendimiento &gt; Cargar Google Fonts localmente). Por lo tanto, no es necesario importar Google Fonts utilizando el plugin Custom Fonts. Puedes utilizar este plugin para las fuentes descargadas de otras fuentes.<\/p><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Aunque Astra ofrece una amplia gama de fuentes de Google, tambi\u00e9n puedes utilizar f\u00e1cilmente tus propias fuentes personalizadas. Este documento te ayudar\u00e1 a entender c\u00f3mo a\u00f1adir fuentes personalizadas mientras usas el tema Astra. Qu\u00e9 son las fuentes personalizadas Las fuentes personalizadas son estilos de letra especiales que puedes elegir para tu sitio web en lugar de los habituales [...].<\/p>","protected":false},"author":43,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[108],"docs_tag":[],"class_list":{"0":"post-29357","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-general"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["108"],"_wp_old_slug":["","how-to-add-custom-fonts-in-astra"],"_wp_page_template":["default"],"_oembed_01fdeeb2efcd8aa932cff8cd78163009":["<iframe title=\"How To Add Custom Fonts To Astra WordPress Theme\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/pb5hTfOyqRI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_01fdeeb2efcd8aa932cff8cd78163009":["1566218221"],"_oembed_8a62f311729d856b1b0ff0b72a26756b":["<iframe title=\"How To Add Custom Fonts To Astra WordPress Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/pb5hTfOyqRI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_8a62f311729d856b1b0ff0b72a26756b":["1625060667"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["0"],"wpil_links_inbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count":["1"],"wpil_links_outbound_external_count_data":["a:1:{i:0;a:9:{s:3:\"url\";s:43:\"https:\/\/wordpress.org\/plugins\/custom-fonts\/\";s:8:\"url_real\";s:43:\"https:\/\/wordpress.org\/plugins\/custom-fonts\/\";s:4:\"host\";s:13:\"wordpress.org\";s:9:\"host_real\";s:13:\"wordpress.org\";s:8:\"internal\";b:0;s:7:\"post_id\";i:0;s:6:\"anchor\";s:12:\"Custom Fonts\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_sync_report2_time":["2019-08-28T08:19:47+00:00"],"_ht_kb_post_views_count":["16"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["29357"],"wp_last_modified_info":["September 12, 2023 @ 5:21 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1694590017:89"],"_oembed_537384bae3d9ef37dec77fba69ee0685":["<iframe title=\"How To Add Custom Fonts To Astra WordPress Theme\" width=\"1162\" height=\"654\" src=\"https:\/\/www.youtube.com\/embed\/pb5hTfOyqRI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_537384bae3d9ef37dec77fba69ee0685":["1625060370"],"_edit_last":["89"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"_yoast_wpseo_estimated-reading-time-minutes":["4"],"views":["16620"],"helpful":["32"],"unhelpful":["34"],"redirects":["28"],"_oembed_f321578598cec6d716eb3eeff17f6d53":["<iframe title=\"How to Add Custom Fonts to Astra\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/t4Jj2DdxgLc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>"],"_oembed_time_f321578598cec6d716eb3eeff17f6d53":["1694507243"],"_oembed_23fcb6a0a6d59e18d6ab4ff0bd76b0cc":["<iframe title=\"How to Add Custom Fonts to Astra\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/t4Jj2DdxgLc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_23fcb6a0a6d59e18d6ab4ff0bd76b0cc":["1630594533"],"rank_math_primary_docs_category":["108"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["982"],"rank_math_schema_VideoObject":["a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-6216a1161b0fc\";s:9:\"isPrimary\";b:1;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:32:\"How to Add Custom Fonts to Astra\";s:11:\"description\";s:176:\"\ud83c\udfaf Links Mentioned in the Video \ud83c\udfafAstra: https:\/\/bsf.io\/astra\/Custom Fonts Plugin: https:\/\/wordpress.org\/plugins\/custom-fonts\/\u2705\u2705 \ud83d\udc47\ud83c\udffd\ud83d\udc47\ud83c\udffd Here are some of ou...\";s:10:\"uploadDate\";s:10:\"2021-08-20\";s:12:\"thumbnailUrl\";s:79:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/02\/maxresdefault-12.jpg\";s:8:\"embedUrl\";s:41:\"https:\/\/www.youtube.com\/embed\/t4Jj2DdxgLc\";s:10:\"contentUrl\";s:0:\"\";s:8:\"duration\";s:7:\"PT6M29S\";s:5:\"width\";s:4:\"1280\";s:6:\"height\";s:3:\"720\";s:16:\"isFamilyFriendly\";b:1;}","a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-6500261d49118\";s:9:\"isPrimary\";b:0;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:11:\"%seo_title%\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:20:\"%date(Y-m-dTH:i:sP)%\";s:12:\"thumbnailUrl\";s:16:\"%post_thumbnail%\";s:8:\"embedUrl\";s:0:\"\";s:10:\"contentUrl\";s:82:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/09\/upload-custom-font.webm\";s:8:\"duration\";s:0:\"\";s:5:\"width\";i:1280;s:6:\"height\";i:562;s:16:\"isFamilyFriendly\";b:1;}"],"rank_math_seo_score":["27"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"69b2c0026c666e9b0fcb53ed6f4c2ad6\";s:6:\"images\";a:1:{i:0;i:162469;}}"],"_wplmi_last_modified":["2023-09-13 12:37:49"],"_uag_custom_page_level_css":[""],"_lmt_disableupdate":[""],"_lmt_disable":[""],"ast-site-content-layout":["default"],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"_trp_automatically_translated_slug_es_ES":["como-anadir-fonts-personalizados-en-astra"],"pfd_related_docs":[""],"_uag_page_assets":["a:9:{s:3:\"css\";s:5248:\" .uagb-block-c6101fba.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c6101fba .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;border: 2px solid #FFD54F;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .uagb-block-c6101fba.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-c6101fba.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-c6101fba .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-c6101fba.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}@media only screen and (max-width: 976px) { .uagb-block-c6101fba .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c6101fba .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c6101fba.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-c6101fba.uagb-dismissable > svg{top: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}@media only screen and (max-width: 767px) { .uagb-block-c6101fba .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c6101fba .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c6101fba.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-c6101fba.uagb-dismissable > svg{top: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-c6101fba.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:271:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-c6101fba' );\n});\n });\";s:18:\"current_block_list\";a:9:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:12:\"core\/heading\";i:3;s:9:\"core\/list\";i:4;s:14:\"core\/list-item\";i:5;s:10:\"core\/video\";i:6;s:18:\"uagb\/inline-notice\";i:7;s:14:\"uagb\/container\";i:8;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776552187\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Team Astra","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/astra-editorial\/"},"uagb_comment_info":0,"uagb_excerpt":"While Astra provides a wide range of Google fonts, you can also use your own custom fonts easily. This document will help you understand how to add custom fonts while using the Astra theme. What are Custom Fonts Custom Fonts are special letter styles you can pick for your website instead of the usual ones&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/29357"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=29357"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/29357\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=29357"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=29357"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=29357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}