- This topic has 4 replies, 2 voices, and was last updated 4 years, 4 months ago by
.
- Posts
Hi Andrew, I hope all well; I’m setting another site with Your theme, and the problem is about the font setted in the customization panel/thpografy: Century Gothic, that don’t appear in mobile view, ok in desktop: this for all paragraph, titles, menu font; here:
Strange, because in this site, alwais Ultra theme, where I used the same font Century Gothic and it appear correcly on mobile and desktop
the difference is that I setted the font trough the custom css panel; I tried to do the same in the precedent example but it didn’t works.
Please be alwais patient with my english..
Really thank’s in advance, have a nice day
BrunoHi Bruno
I think you’re using Gothic on the working site. Century Gothic is a premium font. To use Century Gothic you’ll need to make use a service like Adobe’s https://fonts.adobe.com/fonts/century-gothic. Perhaps check the working site to make sure of the font family used.
Hi Andrew tahnk you always for the quick answer; I checked the working site it is like this
p {
font-family: ‘gothic’;
}
but it didn’t work in the production site… I will check if something missed by me, if I need more help I will write to you again 🙂Thank you
BrunoHI Andrew, solved the issue!
1 – I need to add in the header php this in order to use gothic font:
<link rel=”stylesheet” href=”http://www.maffiettiproject.it/font.css”>
2- upload in the root the css file font.css that contains this:
@font-face {
font-family: ‘gothic’;
src: url(‘./gothic.eot’);
src: local(‘gothic’), url(‘./gothic.woff’) format(‘woff’), url(‘./gothic.ttf’) format(‘truetype’);
}
/* use this class to attach this font to any element i.e. <p class=”fontsforweb_fontid_9785″>Text with this font applied</p> */
.fontsforweb_fontid_9785 {
font-family: ‘gothic’ !important;
}
3- upload in the root the files: Gothic.woff; Gothic.ttf; Gothic.eot
Thank You
BrunoHi Bruno
I’m really glad to hear you’re making progress.
Keep in mind that any changes made to theme files in the parent theme will be lost when the theme is updated. You can add to the header.php file if it’s contained in a child theme. The easiest though is to add the stylesheet via a function in your child theme functions.php file or using the Code Snippets plugin, running the function on the site front-end.
function ultra_child_custom_fonts() { ?> <link rel="stylesheet" href="http://www.maffiettiproject.it/font.css"> <?php } add_action( 'wp_head', 'ultra_child_custom_fonts' );
You must be logged in to reply to this topic.