Docs

[Cyrodil]

I have a major issue with font-family :
I followed all advice from this forum to add my own font but without success…

I created a folder in http://mywebsite.com/wp-content/themes/x/x-child/fonts
I created also a folder in http://mywebsite.com/wp-content/fonts just to try.

I add in custom -> EDIT GLOBAL CSS all the lines :
@font-face {
font-family: ‘MyFirstFont’;
src: url(‘http://mywebsite.com/wp-content/themes/x/x-child/fonts/GothamRounded-Book.eot’);
src: url(‘http://mywebsite.com/wp-content/themes/x/x-child/fonts/GothamRounded-Book.woff’) format(‘woff’),
url(‘http://mywebsite.com/wp-content/themes/x/x-child/fonts/GothamRounded-Book.ttf’) format(‘truetype’),
url(‘http://mywebsite.com/wp-content/themes/x/x-child/fonts/GothamRounded-Book.svg’) format(‘svg’);

}

then in CSS additionnal :

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .post-title, .widgettitle, body, input, button, select, textarea{font-family: ‘MyFirstFont’, Fallback, sans-serif;
}
body {
font-family: ‘MyFirstFont’, Fallback, sans-serif;
}

But the result is the same. I have the OPEN SANS as font family……….

Please : help me

[Paul R]

Hi,

Please follow instructions on the link below.

https://community.theme.co/forums/topic/how-do-i-change-font-in-theme-x/#post-248442

Hope that helps.

[Cyrodil]

ok, I found the issue : I had to add body { font-family : “myfont”} directly in the custom -> EDIT GLOBAL CSS.

You have 2 area where we can modify the css code. But only one have an effect on the template…

Thanks for your help !

[Rahul]

Glad you’ve sorted it out for yourself.

Let us know if we can help with anything else.

[Author]

Posts