Why aren't all font weights available on my site?

Forum|Forum|5 years ago
August 5, 2020
1 reply
2961 views

I'm creating a site in Wordpress with the Elementor page builder and the Astra theme. I'm using Adobe fonts, and I'm having trouble with the Pelago font. I've activated all the font weights, and they also show up under my web project, and in the Adobe Font area of my website. However, when I'm actually using the font, only two weights show, From 200-500 it's the "normal" weight, and anything above is the "bold." weight.

I've used other fonts with Elementor and Astra and have had the choices, so I'm wondering what's going wrong now. (If this is not a Fonts questions, but rather an Elementor question, let me know.)

This topic has been closed for replies.

Nancy OShea

Community Expert

Font-weight rendering varies by browser and the CSS code used in your site.

Nancy O'Shea— Product User & Community Expert

A

Angelique & FriendsAuthor

Inspiring

I just did a little experimenting, and it looks like ALL fonts are restricted in this manner. I wonder if something in the theme's style sheet is suppressing the font weights. The good thing about Elementor is that you don't normally have to write a lot of custom code (it does it for you) but it sounds like we have to write custom code to allow for the font weights.

Nancy OShea

Community Expert

When you finally chase down the culprit, you may need a CSS !important rule to override it.

https://css-tricks.com/when-using-important-is-the-right-choice/

Nancy O'Shea— Product User & Community Expert

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded