Why don’t custom fonts render in native mobile apps built with Bubble?
Custom fonts are currently not supported in native mobile applications built with Bubble, including previews and published apps. Below, we explain the limitations, current behavior, and future plans for custom font support in the native mobile environment.
Overview of the Limitation
Custom fonts that work as expected in the web version of your Bubble app do not render in native mobile previews or published native apps. This limitation applies to all native mobile apps built with Bubble—this includes Bubble Go and tools like TestFlight. For these native mobile environments, the application defaults to using a system font, such as something similar to Arial or Apple SF, instead of any custom font you may have installed or implemented.
Example Scenario
If your app displays a custom font correctly in the web editor or live web app, it will still switch to a system font in the native mobile version.
Current Behavior Differences: Web vs. Native
Web Version: Custom fonts render properly in both web previews and deployed web applications using Bubble.
Native Mobile Versions: Neither the native mobile previews nor the published native apps support the rendering of custom fonts. Instead, these versions rely on default system fonts.
Scope of the Limitation
This limitation is universal to Bubble's native mobile environments and is not restricted to a specific development tool (e.g., Bubble Go). All tools and platforms that generate native mobile apps from Bubble projects exhibit this same restriction on custom fonts.
Future Plans for Custom Font Support
Support for custom fonts in native mobile applications is a priority on Bubble’s engineering and product roadmap. However, there is currently no public timeline or deadline for implementing this feature. Key Points:
The product and engineering teams are aware of the limitation and are working to address it in a future update.
No specific timeframe has been guaranteed for when this capability will be introduced.
For optimal design and presentation, consider choosing system fonts that align closely with your envisioned app’s look and feel until support for custom fonts is available.
