Custom Fonts Not Working on Mobile With Elementor Pages


I am using a custom font in Customizer > Additional CSS with @font-face method

  • The font is working fine on the desktop in every section
  • On mobile, it works fine where I use the native WordPress editor
  • BUT it’s not working on mobile where I have used Elementor to create page or post

Please help


Please go to Elementor -> Settings and check the “Disable default fonts” and “Disable default colors” option and save the changes.

See if that helps.


Already had that but didn’t work for some reason. I unchecked it & checked the options again & it worked, don’t know how but it worked!