{"id":28920,"date":"2018-08-29T00:00:00","date_gmt":"2018-08-28T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&p=28920"},"modified":"2024-03-21T13:44:52","modified_gmt":"2024-03-21T08:14:52","slug":"google-fonts-not-loading-with-astra","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/google-fonts-not-loading-with-astra\/","title":{"rendered":"Google Fonts no se carga con Astra"},"content":{"rendered":"

Astra integrates seamlessly with Google Fonts, giving you a wide variety of fonts to elevate your website\u2019s design. <\/p>\n\n\n\n

However, you might encounter a situation where the Google Fonts list appears blank within the \u201cTypography\u201d tab of the customizer. This indicates that the available Google Fonts aren\u2019t loading properly on your website.<\/p>\n\n\n\n

This can happen for a few reasons. This guide provides the information you need to effectively troubleshoot and resolve this issue.<\/p>\n\n\n\n

Understanding the Cause: Why Google Fonts Might Not Load<\/strong><\/h3>\n\n\n\n

Astra incluye un archivo con una lista de todas las fuentes de Google. Este archivo se lee cuando se muestran todas las fuentes google en el personalizador. Algunos de los proveedores de hosting tienen permisos de archivo incorrectos que no permiten leer el archivo. Y por eso la lista de Google Fonts se muestra vac\u00eda.<\/p>\n\n\n\n

How to Fix<\/strong> Google Fonts Not Loading in Astra<\/h3>\n\n\n\n

Here\u2019s how to fix it:<\/p>\n\n\n\n

1. Check File Permissions:<\/strong><\/h4>\n\n\n\n

The first step is to check your file permissions. Astra relies on a specific file to display the Google Font options. Contact your hosting provider and ask them to ensure the file located at wp-content\/themes\/astra\/inc\/assets\/astra.php<\/code> has the correct permissions. In most cases, this file should have a permission setting of 644.<\/p>\n\n\n\n

2. Force wp_filesystem Functions<\/strong><\/h4>\n\n\n\n

If checking permissions doesn\u2019t resolve the issue, this step is for advanced users comfortable with code editing. <\/p>\n\n\n\n

You can force wp_filesystem<\/em> utilizar archivo_get_*<\/em> functions by adding a custom code. This will allow displaying all Google Fonts\u00a0on your site. Add the following constant in your wp-config.php<\/strong> archivo.<\/p>\n\n\n\n

define( 'FS_METHOD', 'direct' );\n<\/pre>\n\n\n\n
Esperamos que este documento le haya sido \u00fatil. Si tiene m\u00e1s preguntas, no dude en dejarnos un comentario a continuaci\u00f3n.<\/p>","protected":false},"excerpt":{"rendered":"
Astra integrates seamlessly with Google Fonts, giving you a wide variety of fonts to elevate your website\u2019s design. However, you might encounter a situation where the Google Fonts list appears blank within the \u201cTypography\u201d tab of the customizer. This indicates that the available Google Fonts aren\u2019t loading properly on your website. This can happen for [\u2026]<\/p>","protected":false},"author":20,"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-28920","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-general"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["108"],"_wp_old_slug":[""],"_wp_page_template":["default"],"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":["0"],"wpil_links_outbound_external_count_data":["a:0:{}"],"wpil_sync_report2_time":["2019-08-28T08:19:48+00:00"],"_edit_lock":["1711098129:89"],"_ppc_meta_key":["a:8:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images & Names Correctly. Title & Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key3\";s:17:\"Category Selected\";s:8:\"ppc_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";}"],"_edit_last":["89"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"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_title":["Why Aren't Google Fonts Loading with Astra? - (Solution Inside)"],"_yoast_wpseo_content_score":["90"],"_ht_kb_post_views_count":["7"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["28920"],"wp_last_modified_info":["May 1, 2021 @ 12:19 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["4055"],"helpful":["1"],"unhelpful":["16"],"redirects":["7"],"rank_math_primary_docs_category":["108"],"rank_math_title":["Why Aren't Google Fonts Loading with Astra? - (Solution Inside)"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1027"],"rank_math_internal_links_processed":["1"],"_trp_automatically_translated_slug_es_ES":["google-fonts-no-se-carga-con-astra"],"rank_math_seo_score":["10"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"pfd_related_docs":[""],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".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:0:\"\";s:18:\"current_block_list\";a:5:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:17:\"core\/preformatted\";i:3;s:14:\"uagb\/container\";i:4;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776591681\";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":"Anjali","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/anjalic\/"},"uagb_comment_info":0,"uagb_excerpt":"Astra integrates seamlessly with Google Fonts, giving you a wide variety of fonts to elevate your website’s design. However, you might encounter a situation where the Google Fonts list appears blank within the “Typography” tab of the customizer. This indicates that the available Google Fonts aren’t loading properly on your website. This can happen for…","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/28920"}],"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\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=28920"}],"version-history":[{"count":3,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/28920\/revisions"}],"predecessor-version":[{"id":175672,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/28920\/revisions\/175672"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=28920"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=28920"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=28920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}