CSS fonts not showing up, help!

Hi I've followed the typography documentation for uploading fonts, however despite uploading the fonts correctly (I hope) the fonts are not showing in preview, in Hype, or on export.

Here is the code:

@font-face { font-family: 'ABC Arizona Flare'; src: url('${resourcesFolderName}/ABCArizonaFlare-Light.woff2') format('woff2'), url('${resourcesFolderName}/ABCArizonaFlare-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }

Really appreciate any help, thanks you! I used Fontransformer to covert the font file.

You have 'Arizona' in the Css Font-Family box, but then you have 'ABC Arizona Flare' set in the font-family definition below. You should make sure those match up.