{"id":137,"date":"2020-04-19T11:01:19","date_gmt":"2020-04-19T08:01:19","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=137"},"modified":"2026-01-28T12:02:30","modified_gmt":"2026-01-28T10:02:30","slug":"custom-fonts-not-displaying-on-front-end","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/","title":{"rendered":"Custom fonts not displaying on live site"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Issue<\/h2>\n\n\n\n<p>Custom fonts do not appear on your live site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Possible causes &amp; solutions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Cache Issue<\/h3>\n\n\n\n<p>The problem may be due to a cache issue.<\/p>\n\n\n\n<p><strong>To clear the cache<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clear WordPress cache plugin, if applicable.<\/li>\n\n\n\n<li>Ask your host to clear server-side caching, if applicable.<\/li>\n\n\n\n<li>Clear your browser\u2019s cache.<\/li>\n\n\n\n<li>After clearing all cache, check again.&nbsp;<\/li>\n\n\n\n<li>You may need to use another browser, or a browse in incognito mode if the browser\u2019s cache did not fully clear.<\/li>\n<\/ul>\n\n\n\n<p>For more information on WordPress and cache, see the <a href=\"https:\/\/wordpress.org\/support\/topic\/i-make-changes-and-nothing-happens\/\">WordPress support article on the subject<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTTP\/HTTPS mis-match<\/h3>\n\n\n\n<p>If you have recently migrated from HTTP to HTTPS, your font files may need to be re-uploaded.<\/p>\n\n\n\n<p><strong>To re-upload the font files<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Check your settings to make sure your URL begins with https. For details, see <a href=\"https:\/\/elementor.com\/help\/i-changed-the-url-of-my-website-and-elementor-does-not-work-anymore\/\">URL change disrupts Elementor functioning<\/a>.<br>To check your fonts:<\/li>\n\n\n\n<li>From WP Admin, navigate to <strong>Elementor&gt;Editor&gt;Custom Fonts<\/strong>.&nbsp;<br><img fetchpriority=\"high\" decoding=\"async\" width=\"380\" height=\"379\" class=\"wp-image-161803\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements.png 1010w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements-300x300.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements-150x150.png 150w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements-768x766.png 768w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/li>\n\n\n\n<li>If the URLs listed do not begin with <strong>https<\/strong>, click <strong>DELETE<\/strong>.<br><img decoding=\"async\" width=\"1024\" height=\"587\" class=\"wp-image-46454\" style=\"width: 680px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Custom-fonts-not-displaying-on-the-live-site-1.png\" alt=\"Custom fonts not displaying on the live site 1\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Custom-fonts-not-displaying-on-the-live-site-1.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Custom-fonts-not-displaying-on-the-live-site-1-300x172.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/Custom-fonts-not-displaying-on-the-live-site-1-768x440.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Add the necessary fonts. for details, see <a href=\"https:\/\/elementor.com\/help\/custom-fonts-pro\/\">Add custom static fonts<\/a> or <a href=\"https:\/\/elementor.com\/help\/use-variable-fonts\/\">Use Variable fonts<\/a>.<\/li>\n\n\n\n<li>From WP Admin, navigate to <strong>Elementor&gt;Editor&gt;Tools<\/strong>.<br><img decoding=\"async\" width=\"380\" height=\"385\" class=\"wp-image-161770\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools.png 500w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools-296x300.png 296w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/li>\n\n\n\n<li>Click <strong>Clear Files &amp; Data<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"373\" class=\"wp-image-160438\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-clear-files.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-clear-files.png 1282w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-clear-files-300x165.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-clear-files-1024x562.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-clear-files-768x422.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>The URLs should now begin with <strong>https <\/strong>and your fonts should appear on the front end.<br>If you&#8217;re still having issues, check for a URL mismatch,<\/li>\n\n\n\n<li>From WP Admin, navigate to <strong>Settings<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"180\" height=\"645\" class=\"wp-image-160558\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-settings-in-WP-admin.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-settings-in-WP-admin.png 170w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Click-settings-in-WP-admin-84x300.png 84w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/><\/li>\n\n\n\n<li>Make sure the <strong>WordPress Address<\/strong> and the <strong>Site Address<\/strong> match and are both https.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"307\" class=\"wp-image-161810\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/WordPress-Address-Site-Address-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/WordPress-Address-Site-Address-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/WordPress-Address-Site-Address-300x135.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/WordPress-Address-Site-Address-1024x462.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/WordPress-Address-Site-Address-768x346.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/WordPress-Address-Site-Address-1536x693.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/WordPress-Address-Site-Address-2048x924.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">CORS Error in Console<\/h3>\n\n\n\n<p>If your custom font is not showing and you receive a CORS error in your <a href=\"https:\/\/elementor.com\/help\/how-to-open-a-browsers-console\/\">browser console<\/a>, ask your hosting company to modify the server\u2019s CORS policy.&nbsp;<\/p>\n\n\n\n<p>For more details, see:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Security\/Same-origin_policy\">https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Security\/Same-origin_policy<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/htaccessbook.com\/increase-security-x-security-headers\/\">https:\/\/htaccessbook.com\/increase-security-x-security-headers\/<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Importing Templates<\/h3>\n\n\n\n<p>If you imported a template that included custom fonts, you need to add the custom fonts manually. Template fonts are not imported automatically.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Selected font weight is not available<\/h3>\n\n\n\n<p>Custom fonts may not have all available font weights available. If you select a specific font-weight in Typography options, but your custom font does not have that specific weight available, it may not display that font at all. In this case, select a different font weight that is available for your custom font. You may need to consult the font designer for this information.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Invalid Custom Code<\/h3>\n\n\n\n<p>If you add invalid custom CSS or other code it can lead to many different display problems, including the inability to display custom fonts. Remove or fix the improper code to solve this issue.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">All Font variations not included<\/h3>\n\n\n\n<p>Different devices\/browsers may need different font variations. For example, if fonts are not displaying on iOS devices make sure you have uploaded all font variations, including .ttf .svg .woff .woff2 and .eot<\/p>\n\n\n\n<p>If any variations is missing then either of the following can happen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>default font is displayed<\/li>\n\n\n\n<li>text will not appear on the website<\/li>\n<\/ul>\n\n\n\n<p>This happens because different browsers render fonts differently, so to prevent any inconsistencies, it is important to add all font variations to maintain full browser support.<\/p>\n\n\n\n<p>To fix this issue, you can use the generator tool from <a href=\"https:\/\/www.fontsquirrel.com\/tools\/webfont-generator\">Font Squirrel<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to troubleshoot the problem of custom fonts not displaying on site<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["62c6c58b04948941906c33d9","62c6c58b04948941906c33d9"],"footnotes":""},"categories":[1463],"tags":[1389,1388,1387,1390,1398,1235,1325],"class_list":["post-137","post","type-post","status-publish","format-standard","hentry","category-troubleshooting-editor","tag-advanced","tag-agency","tag-essential","tag-expert","tag-legacy-essential","tag-pro","tag-troubleshooting"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Custom fonts not displaying on live site | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Custom fonts not displaying on live site in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; 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\/custom-fonts-not-displaying-on-front-end\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom fonts not displaying on live site | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Custom fonts not displaying on live site in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-19T08:01:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-28T10:02:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1010\" \/>\n\t<meta property=\"og:image:height\" content=\"1008\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Custom fonts not displaying on live site\",\"datePublished\":\"2020-04-19T08:01:19+00:00\",\"dateModified\":\"2026-01-28T10:02:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/\"},\"wordCount\":531,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements.png\",\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\",\"Pro\",\"Troubleshooting\"],\"articleSection\":[\"Troubleshooting Editor\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/\",\"url\":\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/\",\"name\":\"Custom fonts not displaying on live site | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements.png\",\"datePublished\":\"2020-04-19T08:01:19+00:00\",\"dateModified\":\"2026-01-28T10:02:30+00:00\",\"description\":\"Learn everything about Custom fonts not displaying on live site in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements.png\",\"width\":1010,\"height\":1008},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#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\":\"Troubleshooting Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/troubleshooting-editor\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Custom fonts not displaying on live site\"}]},{\"@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\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Custom fonts not displaying on live site | Elementor","description":"Learn everything about Custom fonts not displaying on live site 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\/custom-fonts-not-displaying-on-front-end\/","og_locale":"en_US","og_type":"article","og_title":"Custom fonts not displaying on live site | Elementor","og_description":"Learn everything about Custom fonts not displaying on live site in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/","og_site_name":"Help","article_published_time":"2020-04-19T08:01:19+00:00","article_modified_time":"2026-01-28T10:02:30+00:00","og_image":[{"width":1010,"height":1008,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Custom fonts not displaying on live site","datePublished":"2020-04-19T08:01:19+00:00","dateModified":"2026-01-28T10:02:30+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/"},"wordCount":531,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements.png","keywords":["Advanced","Agency","Essential","Expert","Legacy Essential","Pro","Troubleshooting"],"articleSection":["Troubleshooting Editor"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/","url":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/","name":"Custom fonts not displaying on live site | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements.png","datePublished":"2020-04-19T08:01:19+00:00","dateModified":"2026-01-28T10:02:30+00:00","description":"Learn everything about Custom fonts not displaying on live site in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/Elementor-Editor-Custom-Elements.png","width":1010,"height":1008},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/custom-fonts-not-displaying-on-front-end\/#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":"Troubleshooting Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/troubleshooting-editor\/"},{"@type":"ListItem","position":4,"name":"Custom fonts not displaying on live site"}]},{"@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\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/137","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":6,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/137\/revisions"}],"predecessor-version":[{"id":162677,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/137\/revisions\/162677"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}