I am having an issue with uploading custom fonts. I have been following this string, [Solved] Help adding font, but I am getting an error, “Invalid: Gotham Black could not be loaded”.
-
I have uploaded the Gotham Black font into bubble and received this address (per the instructions, I have added the https:), https://s3.amazonaws.com/appforest_uf/f1621645968501x412721013809010500/Gotham-Black.otf
-
I have taken this and created the Gotham Black.css file.
@font-face { font-family: ‘Gotham Black’; src: url('https://s3.amazonaws.com/appforest_uf/f1621645968501x412721013809010500/Gotham-Black.otf'); }
-
I have uploaded this new css file into bubble, //s3.amazonaws.com/appforest_uf/f1621646175419x202502407182316030/Gotham%20Black.css
-
I have pasted this value into Bubble’s CSS file path field and entered the name Gotham Black into the Font name field.
-
When I click on the Add Font button, I get “Invalid: Gotham Black could not be loaded”.
What am I missing? Thanks!