How to add Adobe font as headers in a new theme?

Hi I am trying to add an adobe font for the headers in a current site I am designing, In this new theme you change the snippets file in the css.variables section, how ever it doesnt work with the Adobe embed link, can anyone help me here?

https://d86jjmuelzp32m08-16015101.shopifypreview.com

I would love to see if anyone has any answers to this?

@SamPass May this help you. Click Here

I have added downloadable custom fonts to the site already but Adobe fonts aren’t downloadable so struggling to import as the header