Typekit Font doesn't get displayed

What I did:

– Activated Proxima Nova font, font-weight 900 in Adobe Typekit’s website
– Copied the the project ID in the themes settings
– Entered the name proxima-nova
– Set Proxima nova font as the Alt-font in the typography settings
– Set the font in the responsive text element (H2 > font-alt)

In developer tools I can see it being called yet, it gets overridden by the default H2 setting in the Typography settings.

However it gets shown on <p> elements, just not on headings and I need them in my copy for SEO purposes.

Hello,

Please, provide us your admin access so we can log in and check this on your side.

Thank you in advance.

Hi Artem,

Here are the credentials:

It seems that the font is applied correctly, isn’t it? https://gyazo.com/f73d122c428b74d06907567d988cd872

Sure when it’s a <p> element, but as soon I use a heading element it reverts to the primary font.
From an SEO perspecitve not having headings is a terrible terrible idea.

Yes, because primary font is used for all heading and titles. And you didn’t set this font for titles yet.

So,…

If in responsive text widget I use a heading element and set it to Secondary font (font-alt), the secondary font won’t get displayed because it gets overriden by the primary font in the theme settings…so the Text Font dropdown won’t have any effect.

If you add any HTML tags like <h3> then you need to add class font-alt to that like this example https://gyazo.com/17e2d5309fc93db73999e64656ee3331

I add manually the css classes to headings. Too bad I didn’t do it before I installed Polylang. Now I have to change 70 or so heading classes manually :/

Try to use the following CSS code instead

.woodmart-text-block-wrapper .woodmart-text-block h1,
.woodmart-text-block-wrapper .woodmart-text-block h2,
.woodmart-text-block-wrapper .woodmart-text-block h3,
.woodmart-text-block-wrapper .woodmart-text-block h4,
.woodmart-text-block-wrapper .woodmart-text-block h5,
.woodmart-text-block-wrapper .woodmart-text-block h6 {
  font-family: inherit;
}

[Author]

Posts