Updating my x theme

Support
#24

why wont my custom fonts apply? i have uploaded them again in my child-theme.

#25

they did work before they update, i reloaded them since their werent in the child theme

#26

Hi Patrick,

I’ve just tried to log in but the password does not appear to be working. I found 2 passwords that you have supplied to use but neither worked for me. If the problem persists, can you please confirm the username, password and URL in a secure note. I have noticed your most recent post in which you state that you reloaded the fonts. Have you now got them working? And is everything else now resolved?

Thanks!

#27

yes i provided the wrong password my bad

#28

No problem, Patrick. Glad everything is now working. Have a great day!

#29

you still take a look at the fonts right? my fonts still wont apply .

#30

Apologies, I thought you were saying that everything was now resolved. Sure, I’m happy to take a look still. Unfortunately I appear to be locked out of the site (probably due to my earlier login attempts). Do you have some additional security enabled? If so, could you perhaps disable it so that we can gain access to the site more easily? I’ll stand by now to give you chance to do that…

Thanks!

#31

i dont, i only have a password for my pages, can u not clear cache and login?

#32

Hi there @patuuu321,

Thanks for writing back.

I’ve checked your install and found multiple issues, you don’t have a @font-face declaration like @iam mentioned in his reply above, your custom font won’t work without that @font-face declaration.

In addition you have lato applied as the font for the entire body class as an important rule overriding any other custom font or otherwise.

Thanks!

#33

How do i change it from lato to none?

#34

Hi there @patuuu321,

Click “X > Launch > Options > CSS”. Scroll down and remove:

font-family: lato !important;
}```

Everything should then work correctly, once you've added the font face declaration for your custom font. 

Thanks!
#35

it still won’t apply i add the @font-face and remove the lato still no change?

#36

i put it under custom css(but i also tried in style.css)

#37

Hi,

We need to know where you have added your fonts files.

Have you added it inside x-child directory or in the root directory of your site?

You need to add the full url of the font.

eg. If you have added it in fonts folder inside x-child, you can change your code to this


@font-face {
  font-family: 'Geomanist-regular';
  src: url('http://familienahmed.dk/wp-content/themes/x-child/fonts/geomanist-regular-webfont.eot'); 
  src: url('http://familienahmed.dk/wp-content/themes/x-child/fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), 
       url('http://familienahmed.dk/wp-content/themes/x-child/fonts/geomanist-regular-webfont.woff2') format('woff2'), 
       url('http://familienahmed.dk/wp-content/themes/x-child/fonts/geomanist-regular-webfont.woff') format('woff'), 
       url('http://familienahmed.dk/wp-content/themes/x-child/fonts/geomanist-regular-webfont.ttf')  format('truetype'), 
       url('http://familienahmed.dk/wp-content/themes/x-child/fonts/geomanist-regular-webfont.svg#svgFontName') format('svg'); 
}

Make sure you have place the commas and semicolons correctly.

Hope that helps.

#41

Hi there,

Please use !important, your custom font is still overridden by another CSS.

Like this

*, body, p, a, li, ul, i, strong, ol, article, section, div, pre, footer, header, h1, h2, h3, h4, h5, h6 {
    font-family: 'Geomanist-light',Arial,sans-serif !important;
    text-transform: none !important;
    font-weight: normal !important;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

The font smoothing styling is for firefox and safari.

Thanks!

#44

Let us know in case the suggestion didn’t work for you.

Cheers!

#45

i didnt work i made a new webkit which then worked, however the css is messing up serval place for instead i had to move all my styling on the buttons from my style.css to the customize>custom>global for it to work. And if i remove the * (see bottom)in my style.css i lose my fonts on the entire website therefor i can not target individual selectors since the * is the only selector which works.

/* All fonts set to Geomanist-Light */
*, body, p, a, li, ul, i, strong, ol, article, section, div, pre, footer, header, h1, h2, h3, h4, h5, h6 {
font-family: ‘geomanistlight’,Arial,sans-serif;
text-transform: none ;

}

#46

must be some disfunction in the theme

#47

Hi there,

Your custom CSS and fonts are not part of the theme, it’s not because of the theme. And why you’re applying it like this geomanistlight when you have multiple @font-face declaration where many different font name is added, like Geomanist-light, Geomanist-regular, and so on.

Unfortunately, I can’t do further checking. You changed your login credentials and protected the page with a password.

Thanks.

#48

i deleted the others fonts so now is only geomanistlight.