Okay
  Public Ticket #1315689
Adding Custom Typekit Font for Page Headings and Navigation
Closed

Comments

  • tarahridesabike started the conversation

    I have added the Typekit plugin and set up CSS rules for most of the font types for my site, but can't determine the correct css name for "Navigation Font", "Navigation Dropdown Font", "Page Heading Font" and "Page Heading Subtitle Font". Can you tell me what those are so I can set up the CSS rules? Thank you.

  •  8,470
    Tahir replied

    Hey ,

    Please have a look at this Article :Add a Custom Font

    Be.st


    ThemeNectar Support Team 

  • tarahridesabike replied

    That makes sense, but I am not sure how to address adding multiple fonts. Would I do it this way:

    function salient_redux_custom_fonts( $custom_fonts ) {
        return array(
            'Typekit Fonts' => array(
                 'coquette,sans-serif' => "Coquette"
     'proxima-nova,sans-serif' => "Proxima Nova"
      'felt-tip-woman,sans-serif' => "Felt Tip Woman"
            )
        );
    }
    add_filter( "redux/salient_redux/field/typography/custom_fonts", "salient_redux_custom_fonts" );

    OR THIS

    function salient_redux_custom_fonts( $custom_fonts ) {
        return array(
            'Typekit Fonts' => array(
                 'coquette,sans-serif' => "Coquette"
            )
    'Typekit Fonts' => array(
    'proxima-nova,sans-serif' => "Proxima Nova"
        )
    'Typekit Fonts' => array(
      'felt-tip-woman,sans-serif' => "Felt Tip Woman"
      )
        );
    }
    add_filter( "redux/salient_redux/field/typography/custom_fonts", "salient_redux_custom_fonts" );

    Or do I need to enter the entire code for each font? I tried a few different ways and none seem to work.

  •  8,470
    Tahir replied

    I believe the below code should work . 

    function salient_redux_custom_fonts( $custom_fonts ) {
        return array(
            'Typekit Fonts' => array(
                 'coquette,sans-serif' => "Coquette",
     'proxima-nova,sans-serif' => "Proxima Nova",
      'felt-tip-woman,sans-serif' => "Felt Tip Woman"
            )
        );
    }
    add_filter( "redux/salient_redux/field/typography/custom_fonts", "salient_redux_custom_fonts" );

    Be.st


    ThemeNectar Support Team 

  • tarahridesabike replied

    Thanks!