Custom Fonts error: "Invalid ____ could not be loaded"

I’ve been facing this issue with customizable fonts for a while now:

My guess is that the problem lies in the format of the link that Bubble now provides for uploads. Previously, it provided a clickable URL like “https://s3.amazonaws.com/etc…”, but now the URL that the uploaded file generates looks strange: “https://98e3bacf99a5e02f7335da2bc59165da.cdn.bubble.io/f1736634312204x795452839356806100/GraffiFont.css”, and it’s not clickable—the browser downloads the font directly. All the tutorials available online don’t seem to account for this change, not even the Bubble docs.

Hello, your font name on css file is {name of the font}, you need to change your font name to your custom font’s name before uploading your css file
image

Make sure your font name is same with the Font name input’s value

Hello, your font name on css file is {name of the font}, you need to change your font name to your custom font’s name before uploading your css file!
image

Make sure your font name is same with the Font name input’s value

:globe_with_meridians: if-dev.io | :e-mail: support@if-dev.io | :speech_balloon: KakaoTalk Open Chat:

At IF-DEV, we deeply listen, understand, and deliver creative solutions using no-code tools. We turn small ideas (if) into big transformations.