{"id":2065,"date":"2021-05-20T16:15:53","date_gmt":"2021-05-20T13:15:53","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=2065"},"modified":"2025-04-08T18:08:40","modified_gmt":"2025-04-08T15:08:40","slug":"local-google-fonts","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/extensions\/local-google-fonts\/","title":{"rendered":"Local Google Fonts"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/02\/Screen-Recording-2024-02-29-at-18.59.20.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">Exploring the <strong>Local Google Fonts<\/strong> extension.<\/figcaption><\/figure>\n\n\n\n<p>Google Fonts provides a rich library of beautiful, open-source typefaces for the web. But relying on Google\u2019s remote servers to load these fonts can introduce a few downsides\u2014such as slower performance and potential privacy concerns, particularly in areas like the European Union where regulations like GDPR apply.<\/p>\n\n\n\n<p>That\u2019s where Blocksy Pro steps in. The\u00a0<strong>Local Google Fonts<\/strong>\u00a0extension lets you host Google Fonts directly on your own server, giving you greater control over performance and data privacy. With this extension, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Boost performance<\/strong>\u00a0\u2013 By serving fonts locally, your site reduces external requests, resulting in faster load times and a smoother browsing experience.<\/li>\n\n\n\n<li><strong>Improve privacy<\/strong>\u00a0\u2013 Hosting fonts yourself removes any reliance on third-party servers, helping you meet privacy expectations and legal requirements.<\/li>\n\n\n\n<li><strong>Download only what you need<\/strong>\u00a0\u2013 Select just the font weights and styles you use, keeping your server lean and efficient.<\/li>\n\n\n\n<li><strong>Preload fonts for speed<\/strong>\u00a0\u2013 Preloading ensures your fonts are ready the moment they\u2019re needed, eliminating that momentary \u201cflash\u201d of unstyled text.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Activation<\/h2>\n\n\n\n<p>To get started, head to your\u00a0<strong>WordPress Dashboard \u2192 Blocksy \u2192 Extensions \u2192 Pro Extensions<\/strong>\u00a0and activate\u00a0<strong>Local Google Fonts<\/strong>.<\/p>\n\n\n\n<p class=\"is-style-info coblocks-alert-paragraph has-palette-color-6-color has-palette-color-1-background-color has-text-color has-background has-link-color wp-elements-8bf7818f7c23ad7abc8b995e03b09bdf\"><strong>Notice<\/strong><br>Once activated and synchronised for the first time, all remote Google Fonts will be removed from the Customiser. This helps prevent confusion between locally hosted and remotely loaded fonts.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"local-google-fonts-variation-management\">Variation Management<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/05\/Screen-Recording-2025-04-08-at-18.05.02.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">Managing downloaded fonts.<\/figcaption><\/figure>\n\n\n\n<p>After downloading a font, you can fine-tune which variations to keep by clicking the\u00a0<strong>\u201cSelect Variations\u201d<\/strong>\u00a0button. This lets you choose exactly which weights and styles (like regular, italic, or bold) to store locally. Keeping only the fonts you use ensures your server resources are optimized and nothing is wasted.<\/p>\n\n\n\n<p>For even better performance, switch to the\u00a0<strong>Preload<\/strong>\u00a0tab. Enabling preloading tells the browser to load your fonts early\u2014before the rest of the page content is even rendered. This helps avoid any visual hiccups where fonts briefly appear unstyled, delivering a cleaner and more seamless user experience.<\/p>\n\n\n\n<p class=\"has-palette-color-6-color has-palette-color-1-background-color has-text-color has-background has-link-color wp-elements-c397c94473b650502fc4a8ff2982896f\"><strong>Note<\/strong><br>To enable font preloading, you\u2019ll need to select at least one font weight and one character subset. If you\u2019d like to preload the entire font stack, simply select all available weights and all character sets. Alternatively, you can customise your selection by choosing only specific weights with all subsets, or all weights with just a single character set\u2014it\u2019s up to you.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video Tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Local Google Fonts | Blocksy Premium\" width=\"1290\" height=\"968\" src=\"https:\/\/www.youtube.com\/embed\/Xk8z9Djtpbk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Google Fonts provides a rich library of beautiful, open-source typefaces for the web. But relying on Google\u2019s remote servers to load these fonts can introduce a few downsides\u2014such as slower performance and potential privacy concerns, particularly in areas like the European Union where regulations like GDPR apply. That\u2019s where Blocksy Pro steps in. The\u00a0Local Google [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[116],"class_list":["post-2065","documentation","type-documentation","status-publish","hentry","doc_categories-extensions"],"blocksy_meta":{"post_title_panel":"","has_hero_section":"default","f145ae7205c297c6b5f7871a1039020d":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":true,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":true,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"71becbd400237a07c94373f0b97a8ac4":"","hero_alignment1":"left","hero_margin":{"desktop":50,"tablet":30,"mobile":30},"hero_alignment2":"center","hero_vertical_alignment":"center","3cc94968ef81fcf8d74aeecf8532918c":"","hero_structure":"narrow","2122326018a18f5d4bdba9aad1073179":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"779bd633a1ee9e48c36d676d4e23e543":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":{"desktop":"32px","tablet":"30px","mobile":"25px"},"line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"n6","size":"12px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"default":{"color":"CT_CSS_SKIP_RULE"}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"#EDEFF2"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"0f4d379e579e895b5042b6c116e9f8bb":"","page_structure_type":"default","content_style":"inherit","vertical_spacing_source":"inherit","content_area_spacing":"both","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"#ffffff"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"9826a33b22585f721cf394de50d89ec6":"","disable_featured_image":"no","disable_share_box":"no","disable_author_box":"no","disable_posts_navigation":"no","8e220f3c3eb767cc4b056b8585e47c33":"","disable_related_posts":"no","disable_header":"no","disable_footer":"no","e12ceebbdf55392981057715f847cdec":"","header_footer_scripts_panel":"","header_scripts":"","46140e427d89e4d6b49672c5855773e3":"","header_after_body_scripts":"","02797495644ca13eed6f046c52efb1a0":"","footer_scripts":"","docs_item_badge":"PRO","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=2065"}],"version-history":[{"count":13,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2065\/revisions"}],"predecessor-version":[{"id":13003,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2065\/revisions\/13003"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=2065"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=2065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}