Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 25, 2018 at 12:46 am #902444
    elsrick91

    I just discovered you can add a custom font to Enfold and seem to have run into some issues. I went to font squirrel and got the web font code below. The directory of the font is inside the private content. Do I need to do anything else to make this font work?

    CSS added

    @font-face {
    font-family: 'blackchanceryregular';
    src: url('blkchcry-webfont.woff2') format('woff2'),
         url('blkchcry-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h3 {
     font-family: ‘blackchanceryregular’;
}
    January 27, 2018 at 8:48 pm #903740
    Mike

    Hey elsrick91,
    In your child theme css you have some curly quotes and the path is not correct, please try this instead:

    @font-face {
    font-family: 'blackchanceryregular';
    src: url('fonts/blkchcry-webfont.woff2') format('woff2'),
         url('fonts/blkchcry-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h3 {
     font-family: 'blackchanceryregular'!important; 
}

    If this doesn’t help then change to the full path, example in the Private Content area

    Best regards,
    Mike

    January 29, 2018 at 10:58 pm #904520
    elsrick91

    We are working. Thanks.

    January 29, 2018 at 11:34 pm #904530
    Jordan Shannon

    Hi,

    Great! I’m glad Mike’s solution worked out for you. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Custom Font Not Google Not Properly Displaying’ is closed to new replies.