Generated font files seem corrupt

[jovilog]

Describe the bug

Generated font files from pack.phosphoricons.com do not work, console throws error.

Steps to Reproduce

1. Use Phosphor Backpack to generate smaller font files.
2. Implement files into project with CSS provided.
3. Console has errors: Firefox: downloadable font: rejected by sanitizer; Chrome: failed to decode downloaded font
4. Icons don't show, unicode placeholder is shown.

Expected behavior

Font file should load without error. Icons should be seen.

Context

• OS: Windows 10
• Browser: latest Chrome, Firefox
• Phosphor Backpack based on phosphor-icons/web v2.1.1

Additional notes

Trying to use generated .ttf file with a different WOFF-Converter (Font Squirrel) results in The font 'Phosphor.ttf' is corrupt and cannot be converted., too.

Using the (full) font files from phosphor-icons/web works without issues.

Maybe this is a problem with line feeds/formatting while generating the files.

[lewisking]

Get exactly the same issue.

[rektdeckard]

Interesting. My test page uses the single-file CSS which uses the base64-encoded version of the font inline, and I have not seen this issue there. The font file should be the same underlying bytes. Will do some investigating!

I had experienced some errors in the past due to manipulating the Unicode codepoints incorrectly, but that doesn't seem to be the issue if the inlined font works.

[hachi]

I get an error saying the file length doesn't match the header when I try to use the .woff file

[rektdeckard]

Does the issue occur when generating a .ttf font? I'll take another look at it this weekend.

[hachi]

Did you ever test this? I haven't had a chance myself to test your question about .ttf but .woff is definitely broken still

[hachi]

It seems like your code might be outputting base64 text into the files that should be binary? I think your testing method is flawed if this is working for you.

[hachi]

These two choices give the same output:

CSS and external font(s)
Font(s) only

Download of individual font files gives base64 encoded file contents
Download of zip includes font files that are base64 encoded file contents

[hachi]

@rektdeckard any progress on this?