Custom font

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 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 would like me to build one for you, send me an email at himanshu@nocodeassistant.com. Follow me on Twitter.

Become a Bubble power user. Get Bubble tips straight into your inbox

Email address

Subscribe

--

--

--

I help people bring their ideas to life with Bubble. http://nocodeassistant.com/

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Reflecting upon past

Rocket Labs 005: Binder Clip = Pen Holder

This is Athens: A free-flowing City, hub of engaging communities

Energy Conservation:

A new concept of electric car?

Whiteboard Animation

What we learn from plant resilience

Finding Time and Scheduling Easily

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Himanshu Sharma

Himanshu Sharma

I help people bring their ideas to life with Bubble. http://nocodeassistant.com/

More from Medium

Webflow Plans & Pricing Guide

Webflow Plans and Pricing Guide

Admin privileges and access

Automated Webflow to Jamstack Converter

How Do Marketing Teams Manage Websites with CMS and Webflow Editor

GIF — showcase of editing content in the Webflow editor