Custom font not showing in the announcement bar

Hello, I managed to customize my site's font with CSS, but the custom font won't show in the announcement bar. I tried with the following code variations, but it isn't working. Any suggestions?

.sqs-announcement-bar-text {
font-family: 'Jost',normal;
}

.sqs-announcement-bar-text {
font-family: 'Jost'!important,normal;
}

.sqs-announcement-bar {
font-family: 'Jost',normal;
}

.sqs-announcement-bar {
font-family: 'Jost'!important,normal;
}

Have you tried injecting the CSS into the Header Injection instead of custom css?

Have you tried moving the !important tag to the end. I think it may need to be right before the terminating semi-colon.

I am having the same issue. It seems like menus and announcement bars are ignoring the custom CSS.

On 1/17/2024 at 8:01 AM, LaraOrtiz said:

I am having the same issue. It seems like menus and announcement bars are ignoring the custom CSS.

The code looks correct. What is your site url? We can check problem easier