This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Tagged: ,

Any support for Typekit?

  • Creator
    Topic
  • #23359
    logoic
    Member

    Hey, love the theme, I just picked it up for my site. I noticed you have the ability to use google fonts… How about Typekit? Other than just plopping it in manually, do you have any suggestions for implementing this?

    Will this be a native feature in the future?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Author
    Replies
  • #23363
    Jason Bobich
    Keymaster

    Hi,

    No there’s no integration for this, but I’d like there to be in the future, whether it’s in the framework typography type option directly, or added through a plugin.

    So, you would need to add it manually. Just remember that this is a customization; so make sure you’re doing it from a child theme. I would suggest NOT pasting your code into header.php as it says in this TypeKit help article, but properly including the typekit scripts and stylesheets using the wp_eunqueue_scripts action hook or wp_head action hook, from your child theme’s functions.php.

    Then, from your child theme style.css if you’re looking to apply your included font families to the same selectors the theme does for the various options, here’s how it breaks down:

    /* Primary Font */
    html,
    body {
    	font-family: "Your Font";
    }
    
    /* Header Font */
    h1,
    h2,
    h3,
    h4,
    .tb-gforms-compat .gform_wrapper .gsection .gfield_label,
    .tb-gforms-compat .gform_wrapper h2.gsection_title,
    .tb-gforms-compat .gform_wrapper h3.gform_title,
    .post_grid .entry-meta,
    .has-dropcap > .entry-content > p:first-child:first-letter {
    	font-family: "Your Font";
    }
    
    /* Small Header Font */
    h5,
    h6,
    .widget-title,
    .related-posts-title,
    #comments-title,
    #respond .comment-reply-title,
    .tb-author-box .info-box-title,
    .woocommerce-tabs .panel h2,
    .products.related > h2,
    .products.upsells > h2,
    #bbpress-forums fieldset.bbp-form legend,
    .modal-title,
    .sf-menu .mega-section-header,
    .tb-pricing-table .title,
    .tb-icon-box .icon-box-title {
    	font-family: "Your Font";
    }
    
    /* Meta Info Font */
    .entry-header .entry-meta,
    .post_grid .entry-meta,
    .tweeple-feed .tweet-meta,
    blockquote cite {
    	font-family: "Your Font";
    }
    
    /* Featured Image Title Font */
    .epic-thumb .entry-title,
    .tb-jumbotron .text-large {
    	font-family: "Your Font";
    }
    
    /* Main Menu Font */
    .tb-primary-menu > li > .menu-btn,
    .tb-sticky-menu .tb-primary-menu > li > .menu-btn,
    .denali-side-panel .menu > li > a,
    .tb-mobile-menu > li > .menu-btn {
    	font-family: "Your Font";
    }
    #23865
    mhenderson
    Member

    FYI –

    I have typekit fonts working by adding the plugin “Typekit fonts for wordpress”. Then just adding the font name in the Theme Options > Styles > Typography. I’m just adding the font name in the “Google Font” area.

    #23866
    Jason Bobich
    Keymaster

    Awesome, nice workaround.

    The only problem with this is that you’ll be including Google Fonts in your site that don’t exist and are causing unnecessary extra load on your site. You can fix this by adding to this your child theme’s functions.php:

    remove_action('wp_head', 'denali_su_include_fonts', 5);
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.