{"id":58015,"date":"2025-05-22T12:22:14","date_gmt":"2025-05-22T09:22:14","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=58015"},"modified":"2026-01-28T11:32:17","modified_gmt":"2026-01-28T09:32:17","slug":"troubleshooting-fonts-not-appearing-on-frontend","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/","title":{"rendered":"Troubleshooting &#8211; Fonts not appearing on frontend"},"content":{"rendered":"\n<p>Google Fonts or Custom Fonts (for Pro users) may not display correctly on the frontend of your website, even though they appear as expected in the Elementor Editor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Possible causes<\/h2>\n\n\n\n<p>This issue generally stems from two common problems, which can occur independently or together:<\/p>\n\n\n\n<ul start=\"1\" class=\"wp-block-list\">\n<li><strong>CORS policy violations<\/strong> &#8211; When the browser blocks a request to load fonts from a different origin (see <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP\/Guides\/CORS\">MDN &#8211; CORS<\/a>).<\/li>\n\n\n\n<li><strong>Mixed content &#8211; <\/strong>When a secure HTTPS page tries to load resources (like fonts) over an insecure HTTP connection (see <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Security\/Mixed_content\">MDN &#8211; Mixed Content<\/a>).<\/li>\n<\/ul>\n\n\n\n<p>Below are the most common scenarios that lead to these issues:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1.After-Migrating-Your-Website-(CORS)\">After Migrating Your Website (CORS)<\/h3>\n\n\n\n<p>When migrating from a local or staging site, your WordPress and Site URLs usually change. However, Elementor may still reference old URLs for your fonts in its generated CSS files via the <code>@font-face<\/code> rule. If these font URLs point to your previous domain, the browser will block them due to CORS policy restrictions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2.-After-Installing-an-SSL-Certificate-(Mixed-Content)\">After Installing an SSL Certificate (Mixed Content)<\/h3>\n\n\n\n<p>If your site was originally set up without HTTPS, Elementor may have saved font URLs using the insecure <code>http:\/\/<\/code> protocol. After installing an SSL certificate, your site loads via <code>https:\/\/<\/code>, but those older <code>http:\/\/<\/code> links remain in place. This causes <em>mixed content<\/em> issues, and modern browsers will block those insecure font files.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3.-After-Changing-Your-Site-URL-(CORS)\">After Changing Your Site URL (CORS)<\/h3>\n\n\n\n<p>Changing your domain, adding a subdomain or subdirectory, or switching from HTTP to HTTPS can all result in outdated font URLs being stored in Elementor\u2019s CSS files. These outdated references may be blocked due to CORS violations.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4.-WordPress-Settings-Still-Use-HTTP-(Mixed-Content)\">WordPress Settings Still Use HTTP (Mixed Content)<\/h3>\n\n\n\n<p>If your <strong>Site Address (URL)<\/strong> and <strong>WordPress Address (URL)<\/strong> in the WordPress Settings page still use <code>http:\/\/<\/code>, Elementor will also use that protocol when generating font URLs. This creates mixed content errors once the site is accessed via HTTPS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5.-Logged-In-via-HTTP-(Mixed-Content)\">Logged In via HTTP (Mixed Content)<\/h3>\n\n\n\n<p>If you access the WordPress Admin Dashboard via <code>http:\/\/<\/code>, WordPress returns the unsecure protocol for all internal URLs during your session. Elementor will store those insecure URLs in its CSS files, even if your site is actually served over <code>https:\/\/<\/code>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Preliminary steps<\/h2>\n\n\n\n<p>Locate and verify your custom font files are on the server and have the correct permissions:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go the folder: <strong>\/wp-content\/uploads\/elementor\/fonts\/<\/strong>.<\/li>\n\n\n\n<li>Ensure the specific font files (WOFF2\/WOFF) exist and match the weights\/styles configured in Elementor. For details, see <a href=\"https:\/\/elementor.com\/help\/custom-fonts-pro\/\">Add custom static fonts<\/a>.<\/li>\n\n\n\n<li>If files are missing or corrupted, re-upload the font files and clear caches.<\/li>\n\n\n\n<li>Check with your hosting company that you have proper file permissions. They should be set to folders 755, files 644.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Solutions<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Always log in using a secure connection.<br>[callout type=&#8221;note&#8221;]If your site uses the HTTP protocol, go to step 3.[\/callout]<br><img fetchpriority=\"high\" decoding=\"async\" width=\"480\" height=\"343\" class=\"wp-image-58016\" style=\"width: 480px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https.png 1216w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https-300x215.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https-1024x733.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https-768x549.png 768w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><br>Make sure that when you&#8217;re accessing WP Admin using <code>https:\/\/<\/code> and not <code>http:\/\/<\/code>. If possible, ask your hosting provider to redirect all <code>http:\/\/<\/code> requests to <code>https:\/\/<\/code>. <\/li>\n\n\n\n<li>Update Your Site URL to Use HTTPS.\n<ul class=\"wp-block-list\">\n<li>From WP Admin, navigate to <strong>Settings&gt;General<\/strong>.<br><img decoding=\"async\" width=\"380\" height=\"385\" class=\"wp-image-161777\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-settings.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-settings.png 500w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-settings-296x300.png 296w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><br>The general settings appear in the right pane.<\/li>\n\n\n\n<li>Verify that both the <strong>WordPress Address (URL)<\/strong> and <strong>Site Address (URL)<\/strong> begin with <code>https:\/\/<\/code>.<br><img decoding=\"async\" class=\"wp-image-58019\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-save-changes-scaled.png\" alt=\"\"><img decoding=\"async\" width=\"480\" height=\"267\" class=\"wp-image-58018\" style=\"width: 480px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Make-sure-both-are-https.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Make-sure-both-are-https.png 1700w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Make-sure-both-are-https-300x167.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Make-sure-both-are-https-1024x569.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Make-sure-both-are-https-768x426.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Make-sure-both-are-https-1536x853.png 1536w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/li>\n\n\n\n<li>If they do not begin with <code>https:\/\/<\/code>, edit them and click <strong>Save Changes<\/strong> at the bottom of the screen.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Use the Replace URL tool and then clear the files and data. For details, see <a href=\"https:\/\/elementor.com\/help\/site-migration\/#replace_tool\">Use the Replace tool<\/a>.<\/li>\n\n\n\n<li>(Optional) Reset the Google fonts load.<br>[callout type=&#8221;note&#8221;]This step is optional but can help signal cache layers to regenerate updated font references.[\/callout]<br>Elementor includes a setting that allows you to define the <code>font-display<\/code> property for Google Fonts. Changing and resetting this option can sometimes help trigger automatic cache clearing, especially when using optimization or CDN tools.<br><strong>To reset the Google fonts load<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Go to WP Admin and navigate to <strong>Elementor&gt;Editor&gt;Settings<\/strong>.<br><img decoding=\"async\" width=\"380\" height=\"385\" class=\"wp-image-161777\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-settings.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-settings.png 500w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-settings-296x300.png 296w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/li>\n\n\n\n<li>Click the <strong>Advanced<\/strong> tab.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"251\" class=\"wp-image-58024\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-advanced-tab-1.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-advanced-tab-1.png 2386w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-advanced-tab-1-300x111.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-advanced-tab-1-1024x379.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-advanced-tab-1-768x284.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-advanced-tab-1-1536x568.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-advanced-tab-1-2048x757.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Locate the <strong>Google Fonts Load<\/strong> option and use the dropdown menu to change its value.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"402\" class=\"wp-image-58025\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Google-fonts-Dropdown-menu.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Google-fonts-Dropdown-menu.png 2394w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Google-fonts-Dropdown-menu-300x177.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Google-fonts-Dropdown-menu-1024x605.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Google-fonts-Dropdown-menu-768x454.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Google-fonts-Dropdown-menu-1536x907.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Google-fonts-Dropdown-menu-2048x1210.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click <strong>Save Changes<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"400\" class=\"wp-image-58026\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-Save-changes-google-fonts.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-Save-changes-google-fonts.png 2436w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-Save-changes-google-fonts-300x177.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-Save-changes-google-fonts-1024x603.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-Save-changes-google-fonts-768x452.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-Save-changes-google-fonts-1536x904.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-Save-changes-google-fonts-2048x1206.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>After the page reloads, change the setting back to its original value.<\/li>\n\n\n\n<li>Click <strong>Save Changes<\/strong>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Clear the relevant caches.<br>To see the updated fonts, you should clear various types of caches.<br>To clear these caches:\n<ul class=\"wp-block-list\">\n<li><strong>Server cache<\/strong>: This is usually managed via your hosting control panel. Contact your hosting company for details about clearing the server cache.<\/li>\n\n\n\n<li><strong>Site cache<\/strong> \u2013 This is often handled by caching plugins.<\/li>\n\n\n\n<li><strong>CDN cache<\/strong> \u2013 Clear through your site, directly on CDN or using the hosting panel.<\/li>\n\n\n\n<li><strong>Browser cache<\/strong> \u2013 Clear after all other caches have been purged. For details, see your browser&#8217;s documentation.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>If you&#8217;re still experiencing issues:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Deactivate all plugins except Elementor and Elementor Pro. If this solves the issue, try reactivating your plugins to see which is causing the issue.<\/li>\n\n\n\n<li>Switch to the Hello Elementor theme. If this solves the issue, check with the theme&#8217;s author.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Fonts fail after moving from staging to production or changing domains<\/h2>\n\n\n\n<p>After migrations, paths often point to the old domain:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/elementor.com\/help\/i-changed-the-url-of-my-website-and-elementor-does-not-work-anymore\/#post-content\">Clear files and data<\/a>.<\/li>\n\n\n\n<li><a href=\"https:\/\/elementor.com\/help\/i-changed-the-url-of-my-website-and-elementor-does-not-work-anymore\/#post-content\">Verify your URL<\/a>.<\/li>\n\n\n\n<li><a href=\"https:\/\/elementor.com\/help\/what-are-permalinks\/\">Re-save permalinks<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Help prevent future font issues<\/h2>\n\n\n\n<p>To keep fonts loading reliably:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Keep the entire site on HTTPS: set WP\/ Site Address to https, force HTTPS at the server, and avoid hard-coding http URLs in code or CSS.<\/li>\n\n\n\n<li>When changing domains or going live, <a href=\"https:\/\/elementor.com\/help\/i-changed-the-url-of-my-website-and-elementor-does-not-work-anymore\/#post-content\">replace and regenerate the URL<\/a>.<\/li>\n\n\n\n<li>Minimize aggressive optimization: exclude Elementor CSS\/JS from combine\/minify if they cause issues, and clear caches after changes.<\/li>\n\n\n\n<li>Keep WordPress, theme, Elementor, and Elementor Pro updated. Test major changes on a staging site first.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Google Fonts or Custom Fonts (for Pro users) may not display correctly on the frontend of your website, even though they appear as expected in the Elementor Editor. Possible causes This issue generally stems from two common problems, which can occur independently or together: Below are the most common scenarios that lead to these issues: [&hellip;]<\/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":[],"footnotes":""},"categories":[1463],"tags":[],"class_list":["post-58015","post","type-post","status-publish","format-standard","hentry","category-troubleshooting-editor"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Troubleshooting - Fonts not appearing on frontend | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Troubleshooting - Fonts not appearing on frontend 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\/troubleshooting-fonts-not-appearing-on-frontend\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Troubleshooting - Fonts not appearing on frontend | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Troubleshooting - Fonts not appearing on frontend in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-22T09:22:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-28T09:32:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1216\" \/>\n\t<meta property=\"og:image:height\" content=\"870\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Troubleshooting &#8211; Fonts not appearing on frontend\",\"datePublished\":\"2025-05-22T09:22:14+00:00\",\"dateModified\":\"2026-01-28T09:32:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/\"},\"wordCount\":903,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https.png\",\"articleSection\":[\"Troubleshooting Editor\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/\",\"url\":\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/\",\"name\":\"Troubleshooting - Fonts not appearing on frontend | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https.png\",\"datePublished\":\"2025-05-22T09:22:14+00:00\",\"dateModified\":\"2026-01-28T09:32:17+00:00\",\"description\":\"Learn everything about Troubleshooting - Fonts not appearing on frontend in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https.png\",\"width\":1216,\"height\":870},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#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\":\"Troubleshooting &#8211; Fonts not appearing on frontend\"}]},{\"@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":"Troubleshooting - Fonts not appearing on frontend | Elementor","description":"Learn everything about Troubleshooting - Fonts not appearing on frontend 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\/troubleshooting-fonts-not-appearing-on-frontend\/","og_locale":"en_US","og_type":"article","og_title":"Troubleshooting - Fonts not appearing on frontend | Elementor","og_description":"Learn everything about Troubleshooting - Fonts not appearing on frontend in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/","og_site_name":"Help","article_published_time":"2025-05-22T09:22:14+00:00","article_modified_time":"2026-01-28T09:32:17+00:00","og_image":[{"width":1216,"height":870,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Troubleshooting &#8211; Fonts not appearing on frontend","datePublished":"2025-05-22T09:22:14+00:00","dateModified":"2026-01-28T09:32:17+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/"},"wordCount":903,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https.png","articleSection":["Troubleshooting Editor"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/","url":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/","name":"Troubleshooting - Fonts not appearing on frontend | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https.png","datePublished":"2025-05-22T09:22:14+00:00","dateModified":"2026-01-28T09:32:17+00:00","description":"Learn everything about Troubleshooting - Fonts not appearing on frontend in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/https.png","width":1216,"height":870},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/troubleshooting-fonts-not-appearing-on-frontend\/#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":"Troubleshooting &#8211; Fonts not appearing on frontend"}]},{"@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\/58015","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=58015"}],"version-history":[{"count":22,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/58015\/revisions"}],"predecessor-version":[{"id":162675,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/58015\/revisions\/162675"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=58015"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=58015"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=58015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}