Title: Using Typekit with Foundation(Press)
Last modified: August 22, 2016

---

# Using Typekit with Foundation(Press)

 *  Resolved [diekunstderfuge](https://wordpress.org/support/users/diekunstderfuge/)
 * (@diekunstderfuge)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/using-typekit-with-foundationpress/)
 * Hi, great plugin. I’m using the FoundationPress theme, which runs on SASS. I’d
   like to be able to specify my Typekit font-family as the global header & body
   font family, so that Foundation does the work of applying the font styling throughout
   my site. The problem seems to be that this plugin places the Typekit script call
   as one of the last elements in `<head>`, but my main compiled CSS stylesheet 
   is one of the first elements in `<head>`, so when I add the Typekit font as “
   my-font-name” to the start of the font stack in Foundation’s global settings,
   it doesn’t have anything to refer to yet.
 * Any help would be most appreciated. Thanks!
 * [https://wordpress.org/plugins/typekit-fonts-for-wordpress/](https://wordpress.org/plugins/typekit-fonts-for-wordpress/)

Viewing 1 replies (of 1 total)

 *  Plugin Author [James Collins](https://wordpress.org/support/users/jamescollins/)
 * (@jamescollins)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/using-typekit-with-foundationpress/#post-5797970)
 * Hi diekunstderfuge,
 * Unfortunately I don’t have any experience with FoundationPress or SASS, however
   I can tell you that this plugin adds the code to the <head> section by using 
   WordPress’ `wp_head` hook with priority 99:
 * [https://plugins.trac.wordpress.org/browser/typekit-fonts-for-wordpress/trunk/typekit.php#L95](https://plugins.trac.wordpress.org/browser/typekit-fonts-for-wordpress/trunk/typekit.php#L95)
 * Having said that, i don’t think there should be any issues by referencing “font-
   name” in a CSS file that is embedded earlier inside <head>.
 * You could also use your theme’s functions.php file (or a custom plugin) to unhook
   the Typekit call at priority 99, and re-add it using a smaller priority.
 * Or another option could be to use a child theme (instead of this plugin) to add
   the typekit embed code directly in the <head> section exactly where you want 
   it to be.
 * James

Viewing 1 replies (of 1 total)

The topic ‘Using Typekit with Foundation(Press)’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/typekit-fonts-for-wordpress.svg)
 * [Adobe Fonts (formerly Typekit) for WordPress](https://wordpress.org/plugins/typekit-fonts-for-wordpress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/typekit-fonts-for-wordpress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/typekit-fonts-for-wordpress/)
 * [Active Topics](https://wordpress.org/support/plugin/typekit-fonts-for-wordpress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/typekit-fonts-for-wordpress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/typekit-fonts-for-wordpress/reviews/)

## Tags

 * [foundation](https://wordpress.org/support/topic-tag/foundation/)
 * [scss](https://wordpress.org/support/topic-tag/scss/)

 * 1 reply
 * 2 participants
 * Last reply from: [James Collins](https://wordpress.org/support/users/jamescollins/)
 * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/using-typekit-with-foundationpress/#post-5797970)
 * Status: resolved