Elementor custom font not showing on mobile. In the Elementor editor (backend...

Elementor custom font not showing on mobile. In the Elementor editor (backend), the correct font (Bebas) displays just fine, but when I preview or publish and view the frontend, a different font (Poppins) shows up. Publish the page View the page on mobile and see the font does not load and instead, sans-serif fallback loads Expected behavior The chosen system font to show Isolating the problem This bug happens when only the Elementor (and Elementor Pro) plugins are active. You can either: Contact the theme developer for a fix Use a more Elementor-friendly theme Add custom CSS to override the theme’s styles This test helps rule out theme-related problems quickly. If custom fonts are not displaying on iOS devices for example, please ensure you have uploaded all font variations, including . Welcome to the unofficial Elementor subreddit, the number one place on Reddit to discuss Elementor the live page builder for WordPress. This bug happens with the Hello Elementor theme active. Hello, I'm having a problem with the font in the browser. Looking in DevTools and searching for font-family I find font-family: "custom font", Sans-serif;. . ttf . A major part of my site is a custom font also present in my logo (Dream Orphans). Use this subreddit to ask questions, show off your Elementor creations, and meet other Elementor enthusiasts. Jun 12, 2025 · Activate the Hello Elementor theme View your site and see if the custom font appears If fonts now display correctly, your theme is the issue. Hi! I've been building my website using Elementor Pro and Wordpress, and all was going fab. If you set fonts only on the desktop without switching to the "mobile" view to adjust them, it may cause the mobile Use the default font. 18 hours ago · Elementor slow in the editor or on the published site? Two different problems, two different fixes. Jan 28, 2026 · Learn everything about Custom fonts not displaying on live site in this article from Elementor's Knowledge Base. Get Elementor tips & more. But it clearly isn't working, I can't think of what could be causing it. woff2 and . Jan 7, 2025 · I’m having trouble getting a custom font (Bebas Neue) to load correctly on one specific page of my WordPress site. Unlimited creativity, all in one place Create with AI tools, and unlimited stock, fonts, videos, music, templates & more. That worked for the desktop display of the font, but on mobile it fell back to a system font. I've already uploaded the font in Elementor, it appears correctly in the editor but when I look at the site in a normal tab or in an incognito tab the font is not working. EDIT: Elementor had a new update and so this process doesn't work anymore but I just filmed a new video showing you how to fix the fonts that is currently working. I did set up this custom font as a global font with the font settings for style set to default. eot If any variations are missing, in some cases, a default font will be displayed, however, in other cases, the text will be completely gone and invisible on the website. Here's how to diagnose and solve both. Elementor supports separate styles for different devices, including font size, line height, font family, and so on. woff . I was testing the site on both mobile and desktop throughout, no issues. svg . This subreddit is not run by or affiliated with Elementor. It has suddenly stopped showing up on mobile, even if viewed in the desktop version. tvqs dgcbnk jdugr qmbk rmruhvl