Heading fonts not being applied?

Hello,
I’ve created a video explaining how to use the font, which you can watch here: https://www.youtube.com/watch?v=bithFL7hzOQ&t=179s.
On the demo site, I’ve applied two fonts: one for the global text and another specifically for the headings.

https://www.drupal.org/docs/extending-drupal/themes/contributed-themes/solo →

Best wishes,
Alaa

I believe this to be a legitimate issue. I have just forked my development website and updated core and modules. I have two identical sites running, minus updates, and 1.0.12 shows fonts correctly while 1.0.13 does not. It looks like the CSS has changed between versions and is breaking this feature.

Temporarily, to keep using 1.0.13 instead of rolling back I have just added additional CSS of my own that I can remove when this gets fixed in a future update.

Hello,

I did a quick test on my local setup and confirmed that both Google-hosted and locally-hosted fonts are working.

Samples of all fonts are available on the demo site.

Global Fonts - Heading Fonts - Site Name & Page Title - Special Fonts - Text Animation

If you have a link, I can check it for you.
Best wishes,
Alaa

If you cannot paste a URL, inspect the page instead. You should see something similar to this.

All libraries have been updated by removing the version to address browser caching issues 🐛 Remove VERSION from libraries.yml Fixed . Additionally, ensure you perform a hard cache clear in your browser."

Best wishes,
Alaa

The website in question is currently in development, so it's behind passwords. I took a snapshot of the pre and post-updated versions of this 1 issue. I'm also getting other CSS issues (like the text/title of image overlays are stuck to the left of the image now instead of centered like they were pre-update). I'll post those issues if required in a separate tickets.

For this issue, here are the side-by-sides.

Hello,

Thanks for sharing the screenshot! It seems that CSS/JS aggregation is enabled, which makes it harder to identify the specific file. Could you please disable the aggregator and send me another screenshot?

To do this, go to your-site.com/admin/config/development/performance and uncheck the "Aggregate CSS files" option.

Let me know if you need further assistance with this. Thanks for your help!

Best wishes,
Alaa

Hello,

I identified the issue—it was caused by the font you’re using. Other fonts work fine. If you test on your machine and switch the global font, you’ll see the dancing font effect. I’ve updated the dev version, and it’s working on the demo site. Feel free to use it.

Best wishes,
Alaa

I was away for a few days and I see you already fixed this issue. Dev worked for me. I have removed my temporary CSS and everything is working again. Thank you!

You're welcome! I'm glad to hear everything is working as expected. Happy to help!

Automatically closed - issue fixed for 2 weeks with no activity.