Google Font Issues

[bigdreams]

First of all, I would like to apologize for not being able to act in time. Was on a business trip and have forgotten to look.

Original Topic / Problem

Google Fonts Issue

Have there been any changes regarding Google Fonts (in connection with xPro)? I have a headline that consists of 2 fonts and it worked fine until recently (css). Recently the font only works in X Pro Editor - but it doesn’t show up live. do you know why this is? [Bildschirmfoto 2021-11-25 um 08.22.29] [Bildschirmfoto 2021-11-25 um 08.22.36] [Bildschirmfoto 2021-11-25 um 08.27.16] Thank you! Site: https://swapoo.ai

The font problem is not only on my computer but on all - so it can not be the cache. Or am I missing something?

Thank you in advance!

[ruenel]

Hello @bigdreams,

Thanks for writing in!

Please do not add “<p>” tags in your headline element. You only need to insert the plain text while using the HTML tag option for the tag.

Adding a p tag will break the font. Hope this helps.

[bigdreams]

This is the are where I have the problem.

i dont use there < p > tag. I use there 2 different Fonts thats why I work with < span > what worked well for a while.

in the preview it looks like it should look like, but not live

thx

[ruenel]

Hello @bigdreams,

You have inserted this @import CSS incorrectly.

@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');

Please use the Font Manager instead. We would love to check your font settings if you wouldn’t mind providing us access to your site. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site
​

To know how to create a secure note, please check this out: How The Forum Works

[bigdreams]

I used @import as it was described on google fonts page

and originally I also wanted to work with the Font Manager, but for some reason that didn’t work out.

All fonts are actually registered there.

[ruenel]

Hello @bigdreams,

Please remove this. custom CSS:

@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');

And then simply assign the Orbitron to one of the elements on the page.

You will also have to do the same for other fonts that is having the same issue.

Kindly let us know how it goes.

[bigdreams]

I dont really understand why its not working with css… but its working now thank you!

btw this is my css

/* Custom Headlines */
.qarbon{
  font-weight: 400 !Important;
  text-transform: lowercase;
  font-family: 'Orbitron', sans-serif;
  font-size: 1.2em !Important;
}

.afterqarbon{
  font-family: 'Roboto', sans-serif;
  font-weight: 900 !Important;
}

[prakash_s]

Hello @bigdreams,

Glad that it is working fine for you and things are well for you. Please feel free to open a new thread if you have any concerns regarding our theme and theme settings.

Thanks