CSS fonts not showing up, help!

Elements Typography
1

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.

Screenshot 2023-08-21 at 11.23.10 AM
Screenshot 2023-08-21 at 11.23.10 AM1920×1042 123 KB

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.

2

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.