Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #857033

    I am trying to use the Monserrat Bold, Regular & Thin fonts on my site. After following instructions from another support thread here, the fonts are not showing up. I tried adding this code to the ‘functions.php’ file.

    after this line:

    if(isset($avia_config[‘use_child_theme_functions_only’])) return;

    i added this line

    add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
    function avia_add_heading_font($fonts)
    {
    $fonts[‘Montserrat’] = ‘Montserrat:500,700’;
    return $fonts;
    }

    add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
    function avia_add_content_font($fonts)
    {

    $fonts[‘Montserrat’] = ‘Montserrat:300,400,400italic,500,700’;
    return $fonts;
    }

    This is the code the the google fonts website says to add

    <link href=”https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,700&#8243; rel=”stylesheet”>

    Any thoughts on what I’m doing wrong?

    #857070

    Hey ScottYetter,

    The following above should have worked, if you managed to use the solution provided here – http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/

    Please double check that the doc was followed exactly.

    Best regards,
    Jordan Shannon

    #861748

    Hi Jordan,

    I have double checked and I followed the directions correctly (I think). The fonts are still not showing up in the drop down menu areas in the fonts settings areas. Any more ideas?

    #861832

    Hi,

    Thanks for the feedback. Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #862269

    Hi, below is the info requested to login.

    Thank you!

    #863154

    Hi,

    Thank you for the info.

    We adjusted the filter a bit. The body font is now set to “Montserrat”.

    body {
        font-family: 'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    Best regards,
    Ismael

    #863243

    Hi, the body font looks better, however it’s not the weight I wanted to use. Please see the attached screenshot outlining what I am trying to do. The font drop-downs do not list the different weights. Also, the Header styles are automatically making headers all caps and I would like to turn that off. To simplify, can we just assign the the font/weights to the following 3 font styles?

    H1
    Monserrat Bold
    #009955
    56pt

    H2
    Monserrat Regular
    #282828
    34pt

    Body Text
    Monserrat Light
    #282828
    19pt

    I’m including this screenshot to show you what I am trying to make it look like.

    bert fonts

    #863863

    Hi,

    Thank you for the update.

    You can set the font weight of a specific element in the Enfold > Advanced Styling panel. If the element that you want to modify is not included in the list of elements, you can always use the Quick CSS field to specify the weight manually.

    Best regards,
    Ismael

    #864530

    Hi,

    Unfortunately that panel does not show the specific weights of the font (Montserrat) that I want to use, just displays the family. Is there a example somewhere that shows how I can specify the 3 fonts I specified above in the CSS for the H!, H2 & Body text?

    #864844

    Hi ScottYetter,

    You can adjust those elements in the Enfold > Advanced Styling panel here
    https://cl.ly/3m413d3p3X21, you can specify the weight of the font there as well.

    Let us know if you need more help.
    Best regards,
    Victoria

    #884158

    Hi,
    I saw that you can choose font weight for the body text as you have shown in the image > Advanced Styling panel.
    However, this option is not available for Main Menu Links. How can I choose the font weight (different from Regular) of a Google Font – if I want to edit the Menu texts.
    Regards,
    Kim

    #884304

    Hi Kim,

    You would need custom CSS for that, could you post a link to your site so that we can have a closer look please?

    Best regards,
    Rikard

    #884307

    Hi Rikard,
    I’m currently in development phase so I’m working on a local machine.
    Regards,
    Kim

    #884518

    Hi,

    Please let us know once the site is live so that we can configure the options. For now, use the following css code to change the font weight of the menu texts.

    #header .av-main-nav > li > a .avia-menu-text {
        font-weight: 600;
    }

    Adjust the value as needed.

    Best regards,
    Ismael

    #884566

    Hi Ismael,
    Ok, thank you.
    Regards,
    Kim

    #884687

    Hi,

    Did you still need further assistance on this issue?

    Best regards,
    Jordan Shannon

    #884689

    Hi Jordan,
    No, it’s fine. Thank you.
    Note: I have observed difference between Chrome (does not detect the different type font weights) and Safari that does.

    Regards,
    Kim

    #884711

    Hi,

    Yes, unfortunately each browser has its own quirks and unique cases. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Using google fonts’ is closed to new replies.