Implementing Adobe Fonts into Shopify Website - Headers not working!!

Hi there!! PLEASE HELP!

I have been trying to implement adobe fonts in my shopify site.

I have embeded the 'style sheet' into the 'theme.liquid' file under head.

I have added other info about fonts into the 'base.css' file at the very bottom.

This is the code that I added...

body {
font-family: input-mono-narrow, monospace;
font-weight: 100;
font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
font-family: alfarn, sans-serif;
font-weight: 400;
font-style: normal;
}

My 'body' font has been successfully changed to my adobe font, and so was my 'h3', until now (I'm not sure what Iv'e done to make it not work anymore) but none of the other heading fonts (h1,h2,h4,h5,h6) all headings on main page, product page, about page etc. are changing over to my requested adobe font.

I also tried adding the code '!important', but this doesn't seem to have an effect.

I tried to find the current heading font code in 'theme.liquid' and get rid of the code '!important' as suggested, but my coding doesn't have '!important" added.

Any advice or help would be greatly appreciated!!!