Use a custom font in your Bubble app
UI

Use a custom font in your Bubble app

Himanshu Sharma
Himanshu Sharma

If you want to use a font that is not found in Bubble's font selector, you can simply upload your own font. On the free plan as well.

To search for a new font, you can browse Google Fonts. Download the font file as you'd need it.

Uploading font to Bubble

Create a new data type in your database where the font will be uploaded. You can delete it afterwards. Create a file type field in it.

Create a blank page from where you can upload the font to your database. You only need a file uploader and a button element.

Once the file has been uploaded to your database, we just need to copy paste the S3 file link.

Copy this link and go to your app's Settings tab on the left. Scroll down in the General section to come to the Custom Font section

Paste the copied link in the 'CSS file path' section and hit Add font.

Your font will now be available in the font selector. You can delete the data type and the page that you had created to upload the font.


If you need some help with your Bubble app or if you need a team of Bubble developers to build a Bubble app for you, reach out to me at [email protected] You can also follow me on Twitter.



Join the conversation.