Okay
  Public Ticket #1826433
Adobe fonts
Closed

Comments

  • Vincent Cloutier started the conversation

    Hi,

    I'm trying to use Adobe fonts (previously Typekit) and I would like to use the method shown here: https://themenectar.ticksy.com//article/9773

    That would allow me to use the salient interface to manage the fonts. That said, I don't think I can use Typekit for Wordpress plugin since Adobe doesn't seem to give a Typekit ID anymore (we have a Creative Cloud account).

    I pasted the code provided by Adobe fonts in the head section of the theme and I pasted this code in the child theme functions file.

    function salient_redux_custom_fonts( $custom_fonts ) {    return array(        'Custom Fonts' => array(             'futura-pt,sans-serif' => "Futura PT"        )    );
    }
    add_filter( "redux/salient_redux/field/typography/custom_fonts", "salient_redux_custom_fonts" );
    

    I can see our font (Myriad Pro) but it doesn't show all the styles it should.

    Any idea if I did things correct?

    Thanks!

    Vincent

  •  8,996
    Tahir replied

    Hey Again,

    Yes the font-weight are limited and cant be changed at the moment .You will have to use custom css to use the fonts with the Theme. 

    Best


    ThemeNectar Support Team 

  • Vincent Cloutier replied

    Ok thanks Tahir!

  • Vincent Cloutier replied

    Hey again Tahir,

    I'm trying to play with Futura PT and I've been trying to do test with the Extra bold variant (800) but can't find a way to make it work. It still only displays 400 and 700.

    Here's the code I wrote. I guess it's not writen properly. Could provide any guidance?

    h1 { font-family: "futura-pt, sans-serif";font-style: normal;font-weight: 800;}

    By the way, I want to thank you for your excellent support!

  •  8,996
    Tahir replied

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks


    ThemeNectar Support Team 

  •   Vincent Cloutier replied privately
  •  8,996
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    #page-header-bg h1, body h1, body .row .col.section-title h1, .full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2, body #error-404 h1 {
        font-family: futura-pt,sans-serif;
        font-weight: 800 !important
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    darsu146 replied

    Hi Tahir, 

    I'm having the same issue. I seriously need option having semi bold instead of putting tags for different type faces. 


  •  8,996
    Tahir replied

    @Darsu,

    Unfortunately you will have to use a Third Party Plugins instead. 

    Best


    ThemeNectar Support Team