Docs

[freipartner]

Hi there

I used the @font-face function to import my custom fonts. It works finde for most of the text.
The “p” tag is displayed wrong in Cornerstone and on the website itself. The strange thing is that it looks correct when I’m in the customizer. I attached two screenshots to my post. The wrong font is only in the blog posts and custom pages. On the homepage it’s displayed the right way.

The Cornerstone version is 1.3. and the wordpress version 4.6.
URL: http://2017.starsintown.ch/

Wrong font inside of ‘News’ and ‘Young Talents’

Do you have any idea what could be the problem?

Best, Christian

[Paul R]

Hi,

Please use absolute urls to your fontface code

eg.

@font-face {
  font-family: 'Geogrotesque-Medium';
  src: url('http://2017.starsintown.ch/wp-content/themes/x-child/fonts/Geogrotesque-Medium.otf');
}

@font-face {
  font-family: 'Geogtq-Rg';
  src: url('http://2017.starsintown.ch/wp-content/themes/x-child/fonts/Geogtq-Rg.otf');
}

You also need to convert your font to eot, woff2, woff,ttf svg to ensure browser compatibility.

For more information, kindly refer to the links below.

https://community.theme.co/forums/topic/how-do-i-change-font-in-theme-x/#post-248442
https://css-tricks.com/snippets/css/using-font-face/

Hope that helps.

[freipartner]

Great, that helped a lot!

Thank you for your help.

[Paul R]

You’re welcome! 🙂

[Author]

Posts