Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • September 26, 2017 at 5:19 pm #857033
    ScottYetter

    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?

    September 26, 2017 at 6:18 pm #857070
    Jordan Shannon

    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

    October 9, 2017 at 6:16 am #861748
    ScottYetter

    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?

    October 9, 2017 at 11:05 am #861832
    Rikard

    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

    October 10, 2017 at 5:50 am #862269
    ScottYetter

    Hi, below is the info requested to login.

    Thank you!

    October 12, 2017 at 5:57 am #863154
    Ismael

    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

    October 12, 2017 at 7:59 am #863243
    ScottYetter

    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

    October 13, 2017 at 11:39 am #863863
    Ismael

    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

    October 15, 2017 at 7:38 pm #864530
    ScottYetter

    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?

    October 16, 2017 at 3:17 pm #864844
    Victoria

    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

    December 2, 2017 at 5:44 pm #884158
    Estudio33

    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

    December 3, 2017 at 10:43 am #884304
    Rikard

    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

    December 3, 2017 at 10:50 am #884307
    Estudio33

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

    December 4, 2017 at 5:36 am #884518
    Ismael

    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

    December 4, 2017 at 10:14 am #884566
    Estudio33

    Hi Ismael,
    Ok, thank you.
    Regards,
    Kim

    December 4, 2017 at 4:27 pm #884687
    Jordan Shannon

    Hi,

    Did you still need further assistance on this issue?

    Best regards,
    Jordan Shannon

    December 4, 2017 at 4:32 pm #884689
    Estudio33

    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

    December 4, 2017 at 5:03 pm #884711
    Jordan Shannon

    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

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