Cloudflare Fonts doesn't work if font has space in name

Cloudflare Fonts works for one font on my site but not the other. I belive the issue is the generated CSS looks like this:

@font-face {font-family:Brygada 1918;font-style:normal;font-weight:400;src:...

The font name (Brygada 1918) contains whitespace but is not quoted, which makes that @font-face rule invalid.

1 Like

In the case of a multi-word font name, you have to use quotation marks around the name, such as:

"Brygada 1918"

. . . but be advised that Brygada 1918 is one that CF Fonts doesn’t currently process correctly, based on my own testing.

Just checked again today and this is still broken!

I’m aware that multi-word font names need to be in quotes - the issue is that CF Fonts isn’t! There’s nothing wrong with the font files generated other than not putting the name in quotes in the generated CSS.

1 Like

same issue with font Press Start 2P