- This topic has 4 replies, 2 voices, and was last updated 5 years ago by Andrew Misplon.
Tagged: font mobile
- AuthorPosts
- December 2, 2019 at 11:13 am #13596
BrunoParticipantHi 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
BrunoDecember 2, 2019 at 11:23 am #13598
Andrew MisplonKeymasterHi 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.
December 2, 2019 at 5:31 pm #13600
BrunoParticipantHi 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
BrunoDecember 2, 2019 at 6:13 pm #13601
BrunoParticipantHI 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
BrunoDecember 8, 2019 at 4:28 pm #13639
Andrew MisplonKeymasterHi 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' );
- AuthorPosts
You must be logged in to reply to this topic.