Using Typekit in CSS, font-weight property is not working on my selectors

Hello everyone,

First off, thanks for reading and trying to help. 

My problem is the following: 

I can't seem to apply 

font-size

 to any of my headings or paragraphs. They do register in the CSS and are also in the inspector when I open it, but they apply nothing. 

My HTML (not the full, just the snippet with the heading):

        <header>
            <figure>
                <img src="images/simple.svg" alt="Logo">
            </figure>
            <h2>Simple.</h2>
        </header>

And the CSS (I'm using SASS):

    h1 {
        font-weight: 700;
        text-shadow: 0.1rem 0.1rem $dark-blue;
    }

I've also linked the typekit CSS, and made all headings with the font-family: 

<link rel="stylesheet" href="https://use.typekit.net/oxj1cak.css">

h1, h2, h3, h4, h5, h6 {
    font-family: "abril-display", serif;
}

My font includes the bold type-face, I've tried both font-weight: bold; and font-weight: 700; (as indicated on the website: