How to Add Custom Fonts in Bubble.io
- George Apostolov
How to Add Custom Fonts in Bubble.io: step-by-step guide
Click 'Settings' to access the visual editor to start customizing your application's appearance.
Navigate to the 'SEO and Metatags' section.
Scroll down to 'Advanced Settings' and find the 'Script/meta tags in header' field.
Modify text formatting to enhance visual hierarchy and readability.
Open additional design tools to further customize your application by clicking the 'Data' tab.
Access the 'File Manager' to upload and manage custom assets.
Select the 'Upload' button to add custom fonts to your application.
Watch as your custom font file uploads to your application.
View your uploaded 'Poppins' font file in the asset library.
Return to the editor to apply your newly added custom font by clicking the 'Styles' tab.
Select this placeholder text to modify its appearance.
Change from the default Gilroy-Regular font to your custom font.
Open the font selector to view all available typography options.
Navigate through your font library to find your custom fonts and apply the 'Poppins' font to give your design a fresh, modern look.
Quick answer: To add custom fonts in Bubble, navigate to Settings and the File Manager to upload your custom font file. Then, return to the editor via the Styles tab, open the font selector, and apply your newly added custom font to text elements.
About this Bubble tutorial
Upload and apply custom typography in Bubble by managing assets in your settings and selecting your new fonts in the editor styles tab. This guide shows how to add Custom Fonts in Bubble.io in 14 steps, starting with "Click 'Settings' to access the visual editor to start customizing your application's ap..." and finishing with "Navigate through your font library to find your custom fonts and apply the 'Poppins' fo...". The interactive demo above is a click-through copy of the real Bubble interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to add Custom Fonts in Bubble.io?
14 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Bubble data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Bubble. Related guides: How to Cancel Bubble.io Subscription, How to Create a New App in Bubble.io and How to Create Custom Data Types in Bubble.io. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
