Forum Academy Marketplace Showcase Pricing Features

Adding Custom fonts

Hello people,

I’am stuck at a very very important step, i need to add a custom font but the font isn’t available anywhere on the web to copy the css file path. It is really important for me to get that particular font i have it on my local computer downloaded so i have the .otf - .ttf - .woff

It would be very helpful if i give the font here so someone can generate a css path for me to add the font.

Thanks in advance

Best Regards,
Talha

You can store them on Bubble’s storage if you want. upload the files with the file uploader and copy the URL that is returned.

Hi Emmanuel,

Thanks for your reply, i uploaded the .otf font here: https://mobilevikingsbe.bubbleapps.io/version-test?debug_mode=true

But i dont know where i can get the css file path now?

Thanks alot.

When you upload a file, if you display the input’s value next to it, the file path appears.

I did it and pasted this in to the CSS File Path: http://s3.amazonaws.com/appforest_uf/f1477920942300x920227607944980200/CircularStd_Bold.otf

Without any result the font isn’t recognized.

You need to create the CSS file. You first upload the font files, and then create the CSS file with these path, and then upload this file and paste this.

The file you’ve just uploaded isn’t CSS.

If you search the forum you’ll see some threads, but keep in mind this is a bit technical.

Thanks alot well since i don’t have any technical experience i’am currently stuck maybe someone can do it for me that would be amazing and very helpful

I haven’t been able to get these to work on Safari. Any idea?

Found this helpful re fonts

Hi All,

I want to use a custom font for my app and it works fine on Google Chrome on Windows but doesn’t seem to work on Google Chrome on Mac.

The custom font I am using is - Circular Std. I have added images to show the difference:

On Windows Google Chrome:
image

On Mac Google Chrome:
image

I was hoping I could get some help here. :slight_smile: