Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 12, 2016 at 9:03 am #631216
    clairemartindigital

    hi there, i followed all steps to install a custom font but it seems a wrong font is displaying. any idea why that could be?

    May 13, 2016 at 5:19 am #631784
    Rikard

    Hi clairemartindigital,

    What font did you try to install and how? Please try to explain a bit further.

    Best regards,
    Rikard

    May 13, 2016 at 5:26 am #631788
    clairemartindigital

    Hi Rikard,

    the font i installed is Brandon Grotesque.

    Steps I took:

    1. Uploaded fonts via ftp to enfold/css/fonts
    2. added @font-face to enfold-child style sheet
    3. added css to define fonts via quick css

    h1 {
    font-family: ‘brandon_grotesqueblack’, Fallback, sans-serif;
    }

    body {
    font-family: ‘brandon_grotesquemedium’, Fallback, sans-serif!important;
    }

    .main_menu ul:first-child > li > a {
    font-family: ‘brandon_grotesque_regularRg’, Fallback, sans-serif!important;
    }

    .avia_transform a .image-overlay {
    font-family: ‘brandon_grotesquebold’, Fallback, sans-serif!important;
    }

    .js_sort_items {
    font-family: ‘brandon_grotesquebold’, Fallback, sans-serif;
    }

    May 16, 2016 at 4:48 am #632689
    Ismael

    Hey!

    The font url is incorrect. Use the absolute url or directory of the fonts:

    /*Add your own styles here:*/
@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('brandon_bld-webfont.woff2') format('woff2'),
         url('brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

    Regards,
    Ismael

    May 16, 2016 at 5:13 am #632708
    clairemartindigital

    Thanks Ismael – could you give me a hint what the url should be instead?

    Thanks

    May 16, 2016 at 5:29 am #632713
    clairemartindigital

    I changed it to below – no change:

    /*
    Theme Name: Enfold Child
    Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
    Version: 1.0
    Author: Kriesi
    Author URI: http://kriesi.at
    Template: enfold
    */

    /*Add your own styles here:*/
    @font-face {
    font-family: ‘brandon_grotesquebold’;
    src: url(‘fonts/brandon_bld-webfont.woff2’) format(‘woff2’),
    url(‘fonts/brandon_bld-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
    font-family: ‘brandon_grotesqueblack’;
    src: url(‘fonts/brandon_blk-webfont.woff2’) format(‘woff2’),
    url(‘fonts/brandon_blk-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘brandon_grotesquelight’;
    src: url(‘fonts/brandon_light-webfont.woff2’) format(‘woff2’),
    url(‘fonts/brandon_light-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘brandon_grotesquemedium’;
    src: url(‘fonts/brandon_med-webfont.woff2’) format(‘woff2’),
    url(‘fonts/brandon_med-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘brandon_grotesque_regularRg’;
    src: url(‘fonts/brandon_reg1-webfont.woff2’) format(‘woff2’),
    url(‘fonts/brandon_reg1-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    May 17, 2016 at 5:19 am #633458
    Rikard

    Hi,

    Please use the full URL to the font so that you can verify that it is correct. For instance: 

    http://yoursite.com/wp-content/themes/enfold/fonts/brandon_bld-webfont.woff2

    Regards,
    Rikard

    May 17, 2016 at 7:06 am #633507
    clairemartindigital

    Hi Rikard,

    still no difference.

    Regards

    Philipp

    May 17, 2016 at 9:54 pm #634041
    Yigit

    Hi,

    I changed the links to “http://yoursite.com/wp-content/themes/enfold/css/fonts/brandon_bld-webfont.woff2”, please review your website now

    Best regards,
    Yigit

    May 17, 2016 at 10:06 pm #634049
    clairemartindigital

    resolved! thanks

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘wrong font displaying’ is closed to new replies.