{"id":86287,"date":"2023-11-21T14:58:00","date_gmt":"2023-11-21T12:58:00","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=86287"},"modified":"2025-12-01T11:17:49","modified_gmt":"2025-12-01T09:17:49","slug":"elementor-typography-performance","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/","title":{"rendered":"Elementor Typography Features and Settings that Optimize Your Website\u2019s Performance"},"content":{"rendered":"\n<p>Any web designer can tell you that choosing fonts is a significant aspect of website design. Whether you want to convey a professional, fun, or minimalist tone, fonts allow you to establish your brand&#8217;s voice and emphasize your content. This is why Elementor ensures that you never have to compromise on design for lightning-fast performance. As part of our ongoing series of performance optimization, we have compiled four fantastic Elementor features that will help you reduce your website\u2019s loading times for your visitors.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Resource Hints<\/strong><\/h3>\n\n\n\n<p>Elementor helps browsers deliver Google Fonts faster by using preconnect resource hints, which are&nbsp; automatically added to your site&#8217;s code. This informs the browser in advance that your site intends to load the font, allowing it to be ready by the time the visitor views it. As a result, using resource hints improves your site&#8217;s performance and Lighthouse score.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Inline Font Icons<\/strong><\/h3>\n\n\n\n<p>Elementor also provides the ability to improve performance by enabling Font Awesome icons and e-icons inline. The inline icon\u2019s format is a SVG, which are vector-based images rendered using the browser&#8217;s engine. SVG icons are lighter and cause less loading time. That\u2019s because they don&#8217;t increase server requests, which could have an adverse effect on your site&#8217;s performance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Swap Google Fonts<\/strong><\/h3>\n\n\n\n<p>Enhance your user experience and display your site&#8217;s content without delay using &#8220;Font display swap&#8221;. Some fonts are heavier than others, causing a delay in your site&#8217;s loading time. You can enable font swap to display text using a lighter, faster-loading system font while the desired font is loading.<\/p>\n\n\n\n<p>Go to <em>Elementor<\/em> &gt; <em>Settings<\/em> &gt; <em>Advanced<\/em> tab and change the Google Fonts Load to one of the options. From the dropdown menu, select \u201cSwap\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>[PRO] Improve Your Site&#8217;s Performance With Custom Fonts<\/strong><\/h3>\n\n\n\n<p>Upgrade to Elementor Pro for even more performance optimization tools. One of the Pro features that empower you to enhance speed and user experience is the ability to host custom fonts on your website instead of using Google Fonts. Uploading custom fonts to your own site speeds up loading times and is more GDPR compliant.&nbsp;<\/p>\n\n\n\n<p>Elementor supports a variety of font formats, including WOFF, WOFF 2.0, TTF, SVG, and EOT. To improve performance by uploading custom fonts and disabling Google Fonts, navigate to the WordPress dashboard, select Elementor, and then choose Custom Fonts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"221\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/11\/addnewfont.gif\" alt=\"\" class=\"wp-image-86289\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Optimize Your Site\u2019s Performance with Typography Settings&nbsp;<\/strong><\/h3>\n\n\n\n<p>Elementor offers several <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\" title=\"26 Best Fonts For Websites &amp; Web Design (2025)\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"24820\">typography<\/a> features designed to optimize your website\u2019s performance and enhance user experience. These include the use of preconnect resource hints for faster delivery of Google Fonts, enabling inline Font Awesome icons and e-icons, the option to swap Google Fonts with faster-loading system fonts, and the ability to host custom fonts on your website. By utilizing these features, you can significantly reduce your website&#8217;s loading times while maintaining your desired aesthetic and brand voice.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use Elementor\u2019s Typography features to speed up your site\u2019s loading time and deliver a better visitor experience.<\/p>\n","protected":false},"author":162340,"featured_media":86288,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[45,44,28],"tags":[],"marketing_persona":[],"marketing_intent":[],"class_list":["post-86287","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-elementor","category-tips-tricks"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Elementor Typography Features and Settings that Optimize Your Website\u2019s Performance<\/title>\n<meta name=\"description\" content=\"Use Elementor\u2019s Typography features to speed up your site\u2019s loading time and deliver a better visitor experience.\" \/>\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\/blog\/elementor-typography-performance\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor Typography Features and Settings that Optimize Your Website\u2019s Performance\" \/>\n<meta property=\"og:description\" content=\"Use Elementor\u2019s Typography features to speed up your site\u2019s loading time and deliver a better visitor experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-21T12:58:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-01T09:17:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/11\/Cover.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"640\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dean Issacharoff\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dean Issacharoff\" \/>\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\/blog\/elementor-typography-performance\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/\"},\"author\":{\"name\":\"Dean Issacharoff\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055\"},\"headline\":\"Elementor Typography Features and Settings that Optimize Your Website\u2019s Performance\",\"datePublished\":\"2023-11-21T12:58:00+00:00\",\"dateModified\":\"2025-12-01T09:17:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/\"},\"wordCount\":494,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/11\/Cover.png\",\"articleSection\":[\"Development\",\"Elementor\",\"Tips &amp; Tricks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/\",\"url\":\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/\",\"name\":\"Elementor Typography Features and Settings that Optimize Your Website\u2019s Performance\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/11\/Cover.png\",\"datePublished\":\"2023-11-21T12:58:00+00:00\",\"dateModified\":\"2025-12-01T09:17:49+00:00\",\"description\":\"Use Elementor\u2019s Typography features to speed up your site\u2019s loading time and deliver a better visitor experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/11\/Cover.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/11\/Cover.png\",\"width\":1200,\"height\":640},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor\",\"item\":\"https:\/\/elementor.com\/blog\/category\/elementor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Elementor Typography Features and Settings that Optimize Your Website\u2019s Performance\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055\",\"name\":\"Dean Issacharoff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/18b262e140892fa3c934d7d7c4e424d8fff8def6f71a266ab9390bc5478f66a0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/18b262e140892fa3c934d7d7c4e424d8fff8def6f71a266ab9390bc5478f66a0?s=96&d=mm&r=g\",\"caption\":\"Dean Issacharoff\"},\"description\":\"Dean is a Product Marketing Manager at Elementor with years of experience in marketing and strategic communications. He loves good books, bad movies, and cooking for friends.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/deanissach\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elementor Typography Features and Settings that Optimize Your Website\u2019s Performance","description":"Use Elementor\u2019s Typography features to speed up your site\u2019s loading time and deliver a better visitor experience.","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\/blog\/elementor-typography-performance\/","og_locale":"en_US","og_type":"article","og_title":"Elementor Typography Features and Settings that Optimize Your Website\u2019s Performance","og_description":"Use Elementor\u2019s Typography features to speed up your site\u2019s loading time and deliver a better visitor experience.","og_url":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2023-11-21T12:58:00+00:00","article_modified_time":"2025-12-01T09:17:49+00:00","og_image":[{"width":1200,"height":640,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/11\/Cover.png","type":"image\/png"}],"author":"Dean Issacharoff","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Dean Issacharoff","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/"},"author":{"name":"Dean Issacharoff","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055"},"headline":"Elementor Typography Features and Settings that Optimize Your Website\u2019s Performance","datePublished":"2023-11-21T12:58:00+00:00","dateModified":"2025-12-01T09:17:49+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/"},"wordCount":494,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/11\/Cover.png","articleSection":["Development","Elementor","Tips &amp; Tricks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/elementor-typography-performance\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/","url":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/","name":"Elementor Typography Features and Settings that Optimize Your Website\u2019s Performance","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/11\/Cover.png","datePublished":"2023-11-21T12:58:00+00:00","dateModified":"2025-12-01T09:17:49+00:00","description":"Use Elementor\u2019s Typography features to speed up your site\u2019s loading time and deliver a better visitor experience.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/elementor-typography-performance\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/11\/Cover.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/11\/Cover.png","width":1200,"height":640},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/elementor-typography-performance\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Elementor","item":"https:\/\/elementor.com\/blog\/category\/elementor\/"},{"@type":"ListItem","position":3,"name":"Elementor Typography Features and Settings that Optimize Your Website\u2019s Performance"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055","name":"Dean Issacharoff","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/18b262e140892fa3c934d7d7c4e424d8fff8def6f71a266ab9390bc5478f66a0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/18b262e140892fa3c934d7d7c4e424d8fff8def6f71a266ab9390bc5478f66a0?s=96&d=mm&r=g","caption":"Dean Issacharoff"},"description":"Dean is a Product Marketing Manager at Elementor with years of experience in marketing and strategic communications. He loves good books, bad movies, and cooking for friends.","url":"https:\/\/elementor.com\/blog\/author\/deanissach\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/86287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/162340"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=86287"}],"version-history":[{"count":5,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/86287\/revisions"}],"predecessor-version":[{"id":146130,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/86287\/revisions\/146130"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/86288"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=86287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=86287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=86287"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=86287"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=86287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}