Adding Adobe Typekit font

Hi, I have an adobe CC account and have created a web project on their site, to use some of their fonts on my WP website. It lists the fonts I have published along with a Project Id (Assume this is the Typekit Id?)

However I am using the Atelier theme, not Astra, and so the Adobe font plugin doesn’t support non-astra themes. On Adobe it has given me an online css file to include as per below

<link rel=”stylesheet” href=”https://use.typekit.net/nmp1rnq.css”&gt;

However I can’t see how I can include this in my WP website. In Atelier theme, there is a font screen where it lets you add fonts from a zip, or you can put in a typekit Id – however when I put in my project Id from above, it doesnt find any fonts, so not sure that is actually the typekit Id or something else.

Ideally it would be good to add the font in the Atelier theme, as then it would be supported natively site wide, however worst case scenario as long as my website loads the above CSS, I can add some additional runtime css to override the default H1, H2, H3, P tag fonts for example. More messy but at least it would work. I can’t figure out how to include an external online hosted CSS file though.

Can anyone offer some pointers please?

The page I need help with: [log in to see the link]