Changing font on mobile view

Tagged: 

  • Author
    Posts
  • #13596

    Bruno
    Participant

    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:

    Home exce 3


    Strange, because in this site, alwais Ultra theme, where I used the same font Century Gothic and it appear correcly on mobile and desktop

    Chi siamo


    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
    Bruno

    #13598

    Andrew Misplon
    Keymaster

    Hi 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.

    #13600

    Bruno
    Participant

    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
    Bruno

    #13601

    Bruno
    Participant

    HI 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”&gt;
    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
    Bruno

    #13639

    Andrew Misplon
    Keymaster

    Hi 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' );
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

Scroll to top