{"id":84964,"date":"2021-04-05T18:13:38","date_gmt":"2021-04-05T12:43:38","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=84964"},"modified":"2022-02-24T02:21:10","modified_gmt":"2022-02-23T20:51:10","slug":"ast-font-icons-to-svg","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/ast-font-icons-to-svg\/","title":{"rendered":"Los iconos de fuentes predeterminados de Astra se sustituyen por SVG"},"content":{"rendered":"<p>Astra utiliza hermosos iconos de fuentes internamente en el encabezado, pie de p\u00e1gina y otras secciones. Ver\u00e1s iconos de fuentes como flechas, hamburguesa, b\u00fasqueda, cuenta, carrito y as\u00ed sucesivamente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-icons-in-header-1024x532.png\" alt=\"Astra Icons in Header\" class=\"wp-image-84966\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-icons-in-header-1024x532.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-icons-in-header-300x156.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-icons-in-header-768x399.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-icons-in-header-1536x799.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-icons-in-header-2048x1065.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Estos iconos de fuente utilizados para cargar desde el archivo astra.woff. <\/p>\n\n\n\n<p>Con la versi\u00f3n 3.3 de Astra, estos iconos de fuentes se sustituyen por SVG. Los iconos SVG son m\u00e1s ligeros y se ven mejor en todos los dispositivos.<\/p>\n\n\n\n<p>La sustituci\u00f3n de los iconos de fuentes Astra por iconos SVG puede aumentar la velocidad de carga de la p\u00e1gina en 29 ms y reducir aproximadamente 12,5% parte de la carga de la p\u00e1gina. <\/p>\n\n\n\n<p>Los usuarios que empiecen a utilizar Astra despu\u00e9s de la versi\u00f3n 3.3, pueden obtener directamente los iconos en formato SVG. <\/p>\n\n\n\n<p>Los usuarios que actualicen Astra desde versiones anteriores a la v3.3, deber\u00e1n utilizar el siguiente filtro para sustituir los iconos de fuente por SVG.<\/p>\n\n\n\n<p>Aqu\u00ed hay un c\u00f3digo que puede pegar en el archivo functions.php del tema hijo. <\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>add_filter( 'astra_is_svg_icons', '__return_true' );<\/code><\/pre>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Astra utiliza hermosos iconos de fuentes internamente en el encabezado, pie de p\u00e1gina y otras secciones. Ver\u00e1s iconos de fuentes como flechas, hamburguesa, b\u00fasqueda, cuenta, carrito y as\u00ed sucesivamente. Estos iconos sol\u00edan cargarse desde el archivo astra.woff. Con la versi\u00f3n 3.3 de Astra, estos iconos de fuente se sustituyen por SVG. Los iconos SVG son m\u00e1s ligeros y se ven mejor en todos los [...]<\/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":"","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":"default","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-84964","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-general"},"spectra_custom_meta":{"_edit_lock":["1690956152:86"],"_edit_last":["77"],"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_estimated-reading-time-minutes":["1"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_primary_docs_category":["108"],"_ht_kb_post_views_count":["15"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["84964"],"wp_last_modified_info":["February 24, 2022 @ 2:21 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["6194"],"helpful":["1"],"unhelpful":["10"],"redirects":["11"],"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":["374"],"rank_math_seo_score":["10"],"pfd_related_docs":[""],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"4a682229fa2ff9df5873744db0a94095\";s:6:\"images\";a:1:{i:0;i:84966;}}"],"_trp_automatically_translated_slug_es_ES":["ast-font-icons-to-svg"],"_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:10:\"core\/image\";i:2;s:9:\"core\/code\";i:3;s:14:\"uagb\/container\";i:4;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776557736\";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 uses beautiful font icons internally in header, footer and other sections. You will see font icons like arrows, hamburger, search, account, cart and so on. These font icons used to load from astra.woff file. With Astra version 3.3, these font icons are replaced with SVG. SVG icons are lighter and look sharp on all&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/84964"}],"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=84964"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/84964\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=84964"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=84964"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=84964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}