Use a custom font in your Bubble app

If you want to use a font not found in Bubble's font selector, you can simply upload your 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 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 created page to upload the font.

5 common mistakes to avoid when building with Bubble
Are you building with Bubble.io? Avoid these 5 common mistakes when building your Bubble.io app.
Honest Bubble.io Review - the most user-friendly and powerful app builder?
Bubble is an amazing platform to build your business. It’s easy to use and can be up and running in a very short time. However, there are some limitations to what Bubble can do. Get an honest review of the pros and cons of Bubble.io.

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 himanshu@nocodeassistant.com. You can also follow me on Twitter.