Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


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

New Here ,
Dec 04, 2019 Dec 04, 2019

Copy link to clipboard

Copied

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: 

 

Bold
700
normal
TOPICS
How to, Missing feature, Missing font

Views

610

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
no replies

Have something to add?

Join the conversation