I am working on klimablomst.tk and using Firebase as hosting, database and storage provider. I have successfully implemented the first two, but I am having some trouble with storage. I am unsure if the problem is server-side or local, though. When I try to load a font in my preload
via myFont = loadFont(storage.ref('GreatVibes-Regular.otf').getDownloadURL());
, the console spits out this:
Error: "Unsupported OpenType signature <!DO"
he https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.min.js:4:23270
ie https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.min.js:4:25741
onload https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.min.js:4:22046
{…}
a: 2
b: null
c: null
f: null
g: false
h: false
i: "https://firebasestorage.googleapis.com/v0/b/test-454bb.appspot.com/o/GreatVibes-Regular.otf?alt=media&token=19e7a830-2296-4eb3-a0bf-ae1f00f00009"
<prototype>: Object { then: then(), "$goog_Thenable": true, ia: (), … }
p5.min.js:11:10877
Which tells me that Firebase is working just fine, by giving a working URL to the download of the OTF. The error message "Unsupported OpenType signature <!DO"
hints at a problem with either the file or Processing. I just don’t get which one. The <!DO
comes from my index.html, I don’t know why it thinks that it’s a signature.