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

Website, Application, Performance
1

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
3

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.