CSS gone after Wordpress update

[FerryTimmer]

Hi there,

My custom font is gone after an automatic Wordpress update, even though I use a child theme.
Every line of code is still there (I put it under Customizer > Custom > Edit Global CSS) and in my style.css of my child theme there don’t seem to be any changes. But for some reason the font isn’t showing properly on the website text and navbar.
Yesterday it worked fine… this is the previous topic about the font in which you helped great. (the credentials of the site are also there)

best regards

[jade]

Hi there,

I’d like to check the site in question but you have quite a few licenses in your account. Would you mind providing the URL of the site that is having an issue?

For the meantime, if you are using an caching plugin please make sure to clear all your site’s cache and check again.

Thank you.

[FerryTimmer]

Oops, forgot the link to the previous topic

[jade]

Hi there,

I am getting this error when I tried the login details you have posted:

FOUT: Het wachtwoord ingevoerd voor de gebruikersnaam Studio544 is incorrect. 

However, I tried checking you site and I could see you have set this for the menu items:

.x-navbar .x-nav-wrap .x-nav > li > a, .x-navbar .x-nav a {
    font-family: "FuturaBT-Bold", Arial, sans-serif;
}

And for the body font:

body {
    font-family: "FuturaBT-Medium", Arial, sans-serif;
}

But when I checked the codes in the Global CSS and the style.css, I do not see any font declaration for FuturaBT-Bold.

You have set the following on the Global CSS:

@font-face {
    font-family: 'Futura Md BT';
    src: url('/wp-content/themes/x-child/FuturaBT-Bold.eot');
    src: url('/wp-content/themes/x-child/FuturaBT-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/x-child/FuturaBT-Bold.woff2') format('woff2'),
        url('/wp-content/themes/x-child/FuturaBT-Bold.woff') format('woff'),
        url('/wp-content/themes/x-child/FuturaBT-Bold.ttf') format('truetype'),
        url('/wp-content/themes/x-child/FuturaBT-Bold.svg#FuturaBT-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('/wp-content/themes/x-child/FuturaBT-Medium.eot');
    src: url('/wp-content/themes/x-child/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/x-child/FuturaBT-Medium.woff2') format('woff2'),
        url('/wp-content/themes/x-child/FuturaBT-Medium.woff') format('woff'),
        url('/wp-content/themes/x-child/FuturaBT-Medium.ttf') format('truetype'),
        url('/wp-content/themes/x-child/FuturaBT-Medium.svg#FuturaBT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

Then the following on the style.css file:

@font-face {
    font-family: 'FuturaBT Book';
    src: url('http://www.studio544-1.nl/wp-content/themes/x-child/framework/fonts/futura/FuturaBT-Bold.woff2') format('woff2'),
        url('http://www.studio544-1.nl/wp-content/themes/x-child/framework/fonts/futura/FuturaBT-Bold.woff') format('woff'),
        url('http://www.studio544-1.nl/wp-content/themes/x-child/framework/fonts/futura/FuturaBT-Bold.ttf') format('truetype'),
        url('http://www.studio544-1.nl/wp-content/themes/x-child/framework/fonts/futura/FuturaBT-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaBT';
    src: url('http://www.studio544-1.nl/wp-content/themes/x-child/framework/fonts/futura/FuturaBT-Medium.woff2') format('woff2'),
        url('http://www.studio544-1.nl/wp-content/themes/x-child/framework/fonts/futura/FuturaBT-Medium.woff') format('woff'),
        url('http://www.studio544-1.nl/wp-content/themes/x-child/framework/fonts/futura/FuturaBT-Medium.ttf') format('truetype'),
        url('http://www.studio544-1.nl/wp-content/themes/x-child/framework/fonts/futura/FuturaBT-Medium.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}

So based on the @font-face declaration you have, you could use the following font family property:

Futura Md BT
Futura
FuturaBT
FuturaBT Book

But you are trying to use FuturaBT-Bold for the menu links and FuturaBT-Medium for the body text but both fonts are not declared.

Try updating the font-family property values to that you have correctly set which are the 4 that I mentioned like:

.x-navbar .x-nav-wrap .x-nav > li > a, .x-navbar .x-nav a {
    font-family: "FuturaBT", Arial, sans-serif;
    font-weight: 700;
}

Hope this helps.

[FerryTimmer]

Hmm that did the trick, strange cause yesterday for some weird reason it worked… But I got it working again with the font familiy properties you mentioned. Thanks for your help.

[christian]

You’re welcome. Glad we could help.