Fonts missing after X update

Support
#1

Hi there!

I just updated X and it appeares that the italic font styles of the google font Noto Serif are not available in the customizer anymore. So all my headings are set to another font. How can I get the fonts back?

#2

Hi There,

Thanks for writing in! Did you try clearing your server cache, is you’re using any caching plugins? Also if you’re using CloudFlare CDN, make sure to login your CloudFlare account and clear cache after update X theme or plugins.

If that doesn’t help, provide us with your login credentials in a secure note to check your issue.

Thanks!

#3

Thanks. It seemed to work again without any action. Than I made some other changes in the costumizer today and the fonts where missing again. I tried clearing the cache without any effect.
Here is the login:

#4

I need help urgently - the site is about to go online. Waiting for your reply.
Thanks!

#5

Hello @blueprint,

Thanks for updating thread and apologies for the delay.

It looks like you haven’t shared the username. Kindly share the username in secure note for us to take a closer look.

After ticket has been created, I request you to wait till someone from support team responds. Once you add reply/update the ticket it goes back into the queue and because of that you may experience slow response time.

Thanks for understanding.

#6

oh Sorry
here you go

#7

Hi,

I am able to replicate in my test site.

I will forward this to our web development team for review.

For now you can add it manually by adding the code below in Appearance > Customize > Additional CSS

@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i');

Then you can add something like this in Inline CSS

font-style: italic;

Thanks

#8

Thank you!
Can you tell me where I add the code for Inlne CSS?
Do you mean that I have to add this to every custom headline element?
Right now it makes the font bold - wich I don’t want. Is that because the inline CSS is missing?

#9

Hi,

  1. Your Custom Headlines are bold because you added this inline CSS

  1. To make all your headline italic, you can add this in Theme Options > CSS 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Noto Serif",serif;
    font-style: italic;
    font-weight: 400;
}

Hope that helps

#10

Great thank you!
Do I have to remove the inline CSS from all the headlines? Because the font-weight code does not do it.

#11

Hi There,

You can override the font-weight by updating the previous CSS to this:

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Noto Serif",serif;
    font-style: italic;
    font-weight: 400 !important;
}

Hope it helps :slight_smile:

#12

Excellent! Thanks!
Will this still be ok after the next update? I’m concerned bechause of what you said:

#13

Hi there,

Yes, it will be ok as the code we suggest overrides whatever option you set in the Theme Options for the heading font style.

Thank you.

#14

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.