• damienhasselhoff

    (@damienhasselhoff)


    Building a new site for myself and I’m having a tough time with @fontface in a Child Theme: danestabrook.net/wp
    I’ve had it work before for other child themes, without a problem, but have now resorted to absolute urls to try and fix it here. Still no luck. Inspecting the element in Google Chrome doesn’t show errors in loading, but the font is not there. Gotta be something obvious and simple, right?

    start of my child css:

    /*
     Theme Name:   Portfolio Baby
     Description:  Portfolio Press Child Theme
     Author:       Dan Estabrook
     Author URI:   https://danestabrook.com
     Template:     portfolio-press
     Version:      1.0.0
     Text Domain:  portfolio-baby
    */
    
    /* =Theme customization starts here
    
    @font-face {
        font-family: 'ralewaythin';
        src: url('https://www.danestabrook.net/wp/wp-content/themes/portfolio-baby/raleway_thin-webfont.eot');
        src: url('https://www.danestabrook.net/wp/wp-content/themes/portfolio-baby/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'),
             url('https://www.danestabrook.net/wp/wp-content/themes/portfolio-baby/raleway_thin-webfont.woff') format('woff'),
             url('https://www.danestabrook.net/wp/wp-content/themes/portfolio-baby/raleway_thin-webfont.ttf') format('truetype'),
             url('https://www.danestabrook.net/wp/wp-content/themes/portfolio-baby/raleway_thin-webfont.svg#ralewaythin') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }

    referenced here:

    #logo #site-title {
        font-family: 'ralewaythin', sans-serif;
    	color: #363636;
    	text-align: center;
    }

Viewing 1 replies (of 1 total)
  • Thread Starter damienhasselhoff

    (@damienhasselhoff)

    Oh, I’ve also tried it with all plugins off and there was no change, so no conflicts there.

Viewing 1 replies (of 1 total)
  • The topic ‘Problem with Child Theme and fontface’ is closed to new replies.