Using Typekit with Foundation(Press)

  • Resolved diekunstderfuge

    (@diekunstderfuge)


    10 years ago

    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://www.ads-software.com/plugins/typekit-fonts-for-wordpress/

Viewing 1 replies (of 1 total)
  • Plugin Author James Collins

    (@jamescollins)

    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.www.ads-software.com/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.