{"id":21248,"date":"2023-08-12T14:59:23","date_gmt":"2023-08-12T11:59:23","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=21248"},"modified":"2026-01-20T10:54:02","modified_gmt":"2026-01-20T08:54:02","slug":"google-fonts-loading-method","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/","title":{"rendered":"Choose a loading method for Google fonts"},"content":{"rendered":"\n

Google Fonts are an open source library of fonts often used in websites. By default, Elementor uses Google fonts for website creation. The method used to load these fonts can impact website performance so Elementor offers creators several loading options. <\/p>\n\n\n\n

Note: The website CSS also contains a fallback font which is used in case Google Fonts does not load. <\/p>\n\n\n\n

To change the Google Font loading method<\/strong>:<\/p>\n\n\n\n

    \n
  1. From WP Admin, navigate to Elementor>Editor>Settings<\/strong>.
    \"\"
    Tabs appear in the right pane.<\/li>\n\n\n\n
  2. Select the Advanced <\/strong>tab.
    \"\"<\/li>\n\n\n\n
  3. From  the Google Fonts Load<\/strong> dropdown menu, select a loading method.
    There are five methods you can choose from:
    \"\"
    \n
      \n
    • Default<\/strong>: Uses the browser settings to determine the loading method. <\/li>\n\n\n\n
    • Blocking<\/strong>: Hides the text until Google Fonts has fully loaded.<\/li>\n\n\n\n
    • Swap<\/strong>: The text is displayed in the fallback font until Google Fonts is loaded. <\/li>\n\n\n\n
    • Fallback<\/strong>: <\/strong>\u2013 Uses the fallback font initially, then swaps it with the custom font when it’s available.<\/li>\n\n\n\n
    • Optional<\/strong>: Similar to Auto<\/strong>, but the browser can choose to use a fallback font instead of waiting for Google Fonts to load.
      \"\"<\/li>\n<\/ul>\n<\/li>\n\n\n\n
    • Click Save Changes<\/strong>.<\/li>\n<\/ol>\n\n\n\n

      Google Fonts will now load using the method you selected.<\/p>\n","protected":false},"excerpt":{"rendered":"

      In order to improve performance, we continue to focus on making fonts loading adjustments, and allow you to modify the default way Elementor loads Google Fonts.<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65b0f1b036b521665bbb9fa6"],"footnotes":""},"categories":[1461],"tags":[1327],"class_list":["post-21248","post","type-post","status-publish","format-standard","hentry","category-performance","tag-performance"],"acf":[],"yoast_head":"\nChoose a loading method for Google fonts | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Choose a loading method for Google fonts in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Choose a loading method for Google fonts | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Choose a loading method for Google fonts in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-12T11:59:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T08:54:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/ElementoreditorSettings.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1036\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Choose a loading method for Google fonts\",\"datePublished\":\"2023-08-12T11:59:23+00:00\",\"dateModified\":\"2026-01-20T08:54:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/\"},\"wordCount\":203,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/ElementoreditorSettings.png\",\"keywords\":[\"Performance\"],\"articleSection\":[\"Performance\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/\",\"url\":\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/\",\"name\":\"Choose a loading method for Google fonts | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/ElementoreditorSettings.png\",\"datePublished\":\"2023-08-12T11:59:23+00:00\",\"dateModified\":\"2026-01-20T08:54:02+00:00\",\"description\":\"Learn everything about Choose a loading method for Google fonts in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/ElementoreditorSettings.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/ElementoreditorSettings.png\",\"width\":1036,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Performance\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/performance\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Choose a loading method for Google fonts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Choose a loading method for Google fonts | Elementor","description":"Learn everything about Choose a loading method for Google fonts in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/","og_locale":"en_US","og_type":"article","og_title":"Choose a loading method for Google fonts | Elementor","og_description":"Learn everything about Choose a loading method for Google fonts in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/","og_site_name":"Help","article_published_time":"2023-08-12T11:59:23+00:00","article_modified_time":"2026-01-20T08:54:02+00:00","og_image":[{"width":1036,"height":1024,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/ElementoreditorSettings.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Choose a loading method for Google fonts","datePublished":"2023-08-12T11:59:23+00:00","dateModified":"2026-01-20T08:54:02+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/"},"wordCount":203,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/ElementoreditorSettings.png","keywords":["Performance"],"articleSection":["Performance"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/","url":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/","name":"Choose a loading method for Google fonts | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/ElementoreditorSettings.png","datePublished":"2023-08-12T11:59:23+00:00","dateModified":"2026-01-20T08:54:02+00:00","description":"Learn everything about Choose a loading method for Google fonts in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/google-fonts-loading-method\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/ElementoreditorSettings.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/ElementoreditorSettings.png","width":1036,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/google-fonts-loading-method\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Performance","item":"https:\/\/elementor.com\/help\/elementor-editor\/performance\/"},{"@type":"ListItem","position":4,"name":"Choose a loading method for Google fonts"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/21248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=21248"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/21248\/revisions"}],"predecessor-version":[{"id":161885,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/21248\/revisions\/161885"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=21248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=21248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=21248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}