Unsupported OpenType signature <!DO


#1

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.


#2

The syntax was propably wrong. I am trying this instead:

myFont = storage.ref('GreatVibes-Regular.otf').getDownloadURL().then(loadFont);

#3

@Pyrros – did this solution end up working for you?


#4

No, unfortunately, I just settled with using the respective hyperlinks from my Google Console, which is less than optimal — nonetheless a solution. :slight_smile: