{"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":"2026-10-08T11:51:58","modified_gmt":"2026-10-08T08:51:58","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<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\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 Local Google Fonts extension.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Local Google Fonts<\/strong> extension lets you download selected Google Fonts to your WordPress installation and serve them directly from your own web server instead of requesting them from Google&#8217;s servers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can choose exactly which font families, weights, styles and character subsets are stored locally, and optionally preload selected font files when they are important to the initial page render.<\/p>\n\n\n\n<div class=\"wp-block-group has-palette-color-8-color has-palette-color-1-background-color has-text-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"is-style-info coblocks-alert-paragraph wp-block-paragraph\"><strong>Blocksy Pro required<\/strong><br>The Local Google Fonts extension requires Blocksy Companion Pro to be installed and active.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To activate Local Google Fonts:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>WordPress Dashboard \u2192 Blocksy \u2192 Extensions<\/strong>.<\/li>\n\n\n\n<li>Locate and activate the <strong>Local Google Fonts<\/strong> extension.<\/li>\n\n\n\n<li>Open the extension&#8217;s settings and select the Google Fonts you want to store locally.<\/li>\n\n\n\n<li>Synchronise the extension to download the selected font files to your website.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-group has-palette-color-8-color has-palette-color-1-background-color has-text-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"is-style-info coblocks-alert-paragraph wp-block-paragraph\"><strong>Remote Google Fonts are removed<\/strong><br>After Local Google Fonts has been activated and synchronised, remotely loaded Google Fonts are removed from Blocksy&#8217;s font selector. The Google Fonts you download through the extension are then served locally instead, helping prevent accidental use of both remote and local versions.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 id=\"local-google-fonts-variation-management\" class=\"wp-block-heading\">Managing Downloaded Fonts<\/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 locally downloaded Google Fonts.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After adding a font, you can fine-tune which of its files are stored locally instead of downloading every available variation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Select Variations<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use <strong>Select Variations<\/strong> to choose the font weights and styles required by your website, such as regular, italic, medium or bold variations.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Keeping only the variations that are actually used reduces the number of font files stored on your server and avoids making unnecessary files available to the front end.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Character Subsets<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Select the character subsets required by the languages used on your website. Available subsets depend on the selected font and can include sets such as Latin, Latin Extended, Cyrillic or other supported character ranges.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Only enable the subsets your content requires. This keeps the locally stored font configuration focused on the characters your website actually needs to display.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Font Preloading<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Preload<\/strong> tab lets you select font files that should be requested earlier by the visitor&#8217;s browser. This can be useful for fonts used by prominent content that appears immediately when a page loads.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To configure preloading, select at least one font variation and one character subset. You can preload the complete set of downloaded files or limit preloading to specific combinations of weights, styles and subsets.<\/p>\n\n\n\n<div class=\"wp-block-group has-palette-color-8-color has-palette-color-1-background-color has-text-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"is-style-info coblocks-alert-paragraph wp-block-paragraph\"><strong>Preload selectively<\/strong><br>Preloading every available font file is usually unnecessary. Prioritise the variations needed for content visible near the top of the page and allow less important font files to load normally.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Using Local Google Fonts<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once a font has been downloaded successfully, it becomes available throughout Blocksy&#8217;s typography controls alongside the other supported font sources.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Locally hosted Google Fonts are identified by an <strong>L<\/strong> icon in the font selector, making them easy to distinguish from system fonts, remotely loaded Google Fonts, Adobe Fonts and Custom Fonts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can select them from <strong>Customiser \u2192 Typography<\/strong> and from other Blocksy settings that provide typography controls. They are also available to supported native WordPress blocks with typography options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For more information about Blocksy&#8217;s font sources and global typography settings, see the <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/general-options\/typography\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Typography documentation<\/strong><\/a>.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Privacy Considerations<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Serving Google Fonts locally removes the font requests that Blocksy would otherwise make to Google&#8217;s font servers. The required font files are delivered by your own website instead.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This can be useful when you want greater control over third-party requests made by your website. However, using Local Google Fonts does not by itself make an entire website compliant with any particular privacy regulation, since other plugins, embeds or services may still communicate with external providers.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Video Resources<\/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<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Local Google Fonts extension lets you download selected Google Fonts to your WordPress installation and serve them directly from your own web server instead of requesting them from Google&#8217;s servers. You can choose exactly which font families, weights, styles and character subsets are stored locally, and optionally preload selected font files when they are [&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"],"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":15298,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2065\/revisions\/15298"}],"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}]}}