How to directly include Typekit fonts on your WordPress theme

Edit the code below and update the .js file path on line 2. Then, simple paste it on your functions.php file. Save the file, and you’re done!

function theme_typekit() {
    wp_enqueue_script( 'theme_typekit', '//use.typekit.net/xxxxxxx.js');
}
add_action( 'wp_enqueue_scripts', 'theme_typekit' );

function light_typekit_inline() {
  if ( wp_script_is( 'theme_typekit', 'done' ) ) { ?>
  	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<?php }
}
add_action( 'wp_head', 'theme_typekit_inline' );

Thanks to Devin for this useful tip!

Leave a Reply

Your email address will not be published. Required fields are marked *