How can I install a custom font in the Be Yours theme?

Hi everyone! I’m trying to add Noto Serif Display Extra Condensed Light font to my store but I’m at a total loss. My store already has the Noto Serif font but not extra condensed and in light or extra light. I have the file in both woff2 and woff. I would greatly appreciate guidance on how to install it. When I uploaded it to assets it said file cannot be previewed.

you can add this code

in the tag of theme.liquid file

that didn’t work either :downcast_face_with_sweat:

@Dan-From-Ryviu @made4Uo @Moeed any suggestions?