• Resolved MrNickSheppard

    (@mrnicksheppard)


    I’m trying to change my site-title to use oxygenregular…I’ve managed similar before but I’m stuck!

    I’ve successfully implemented a child theme, downloaded the font and generated the web kit using fontface and included the files in a font dir.

    The site is https://moversthinkersplayers.com/ and as far as I can tell from firebug site-title is styled by line 118 which I’ve tried to overwrite in my child theme without success. Any tips appreciated!

    My child theme looks like this:

    /*
    Theme Name: Accelerate-child
    Theme URI: https://themegrill.com/themes/accelerate/
    Author: ThemeGrill
    Author URI: https://themegrill.com
    Template: accelerate
    Description: Accelerate is multipurpose WordPress theme made for simplicity and ease of use. This theme is a piece of art that has this premium look and feel which will make your site stand out. Supports all post formats. Accelerate can be used for portfolio, business, blog, personal, travel, corporate, business services or any other kinds of sites. Get free support in https://themegrill.com/support-forum/ and check the demo at https://demo.themegrill.com/accelerate/. Available Translation: Polish and Hungarian.
    Version: 1.1.1
    License: GNU General Public License v2 or later
    License URI: https://www.gnu.org/licenses/gpl-2.0.html
    Tags: light, white, two-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, post-formats
    Text Domain: accelerate
    
    Resetting and rebuilding styles have been helped along thanks to the fine work of
    Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
    along with Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/
    and Blueprint https://www.blueprintcss.org/
    */
    
    /* =Reset
    
    @font-face {
        font-family: 'oxygenregular';
        src: url('/wp-content/themes/accelerate-child/fonts/oxygen-webfont.eot');
        src: url('/wp-content/themes/accelerate-child/fonts/oxygen-webfont.eot?#iefix') format('embedded-opentype'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-webfont.woff2') format('woff2'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-webfont.woff') format('woff'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-webfont.ttf') format('truetype'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-webfont.svg#oxygenregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    @font-face {
        font-family: 'oxygenbold';
        src: url('/wp-content/themes/accelerate-child/fonts/oxygen-bold-webfont.eot');
        src: url('/wp-content/themes/accelerate-child/fonts/oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-bold-webfont.woff2') format('woff2'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-bold-webfont.woff') format('woff'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-bold-webfont.ttf') format('truetype'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-bold-webfont.svg#oxygenbold') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    @font-face {
        font-family: 'oxygenitalic';
        src: url('/wp-content/themes/accelerate-child/fonts/oxygen-italic-webfont.eot');
        src: url('/wp-content/themes/accelerate-child/fonts/oxygen-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-italic-webfont.woff2') format('woff2'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-italic-webfont.woff') format('woff'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-italic-webfont.ttf') format('truetype'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-italic-webfont.svg#oxygenitalic') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    @font-face {
        font-family: 'oxygenbold_italic';
        src: url('/wp-content/themes/accelerate-child/fonts/oxygen-bolditalic-webfont.eot');
        src: url('/wp-content/themes/accelerate-child/fonts/oxygen-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-bolditalic-webfont.woff2') format('woff2'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-bolditalic-webfont.woff') format('woff'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-bolditalic-webfont.ttf') format('truetype'),
             url('/wp-content/themes/accelerate-child/fonts/oxygen-bolditalic-webfont.svg#oxygenbold_italic') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    h1, h2, h3, h4, h5, h6 {
    	font-family: 'oxygenregular';
    }
    
    #site-title { font-family: 'oxygenregular'; }
Viewing 2 replies - 1 through 2 (of 2 total)
  • On line 28 of your child theme’s stylesheet, you’ve forgotten the closing comment delimiter, so the browser treats the entirety of the stylesheet as a comment and ignores it. If you add the closing comment delimiter (or delete the line entirely, as it’s unnecessary), you should be good to go:

    /* =Reset */

    Thread Starter MrNickSheppard

    (@mrnicksheppard)

    Doh! Always a tiny detail that stumps me…that’s fixed it thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing font using child theme’ is closed to new replies.