This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Download

Typekit Fonts for WordPress

By OM4

Description

Embed and use Typekit fonts in your WordPress website without having to edit your theme!

Typekit offer a service that allows you to select from a range of hundreds of high quality fonts for your WordPress website. The fonts are applied using the font-face standard, so they are standards compliant, fully licensed and accessible.

To use this plugin you need to sign up with Typekit, install this plugin and then either configure some Typekit selectors or define your own CSS rules. Typekit selectors provide a quick and easy way to get fonts enabled on your site. Using your own CSS rules (as explained in Typekit’s Advanced tips) gives you more control and lets you access additional attributes such as font-weight. This plugin allows you to create your own CSS rules that use Typekit fonts without the need to edit/upload CSS style sheets.

Detailed instructions are available on the plugin’s settings page.

This plugin by default uses Typekit’s CSS embed code. However if you prefer, you can use the asynchronous Javascript embed.

Compatible with WordPress Multisite.

Available Languages

  • Japanese – 日本語 ( ja )

Other Languages

If you would like to translate this plugin into another language, please visit the translate.wordpress.org site. Thank you!

Screenshots

  • Settings/configuration page
  • Detailed inline help

Installation

Installation of this plugin is simple:

  1. Download the plugin files and copy to your Plugins directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to the WordPress Dashboard, and use “Settings”, “Typekit Fonts” to enter your kit ID and embed method.
  4. If you want to setup some CSS selectors like the examples shown in the Advanced link, enter your CSS rules in the plugin settings as well.

FAQ

Installation Instructions

Installation of this plugin is simple:

  1. Download the plugin files and copy to your Plugins directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to the WordPress Dashboard, and use “Settings”, “Typekit Fonts” to enter your kit ID and embed method.
  4. If you want to setup some CSS selectors like the examples shown in the Advanced link, enter your CSS rules in the plugin settings as well.
Where can I get help?

There are detailed instructions on the plugin’s settings page. See screenshot #2 for more information.

Is this plugin secure?

Yes, see the plugin’s description for more information.

Which web browser(s) does Typekit support?

Please see this page for information on Typekit web browser support.

Reviews

With v1.9.0 new js method you have removed render blocking of typekit fonts

February 27, 2018
I was working on optimization of a site. Initial js script loading from your plugin was creating render blocking, even though fonts loaded using async technique. Today I saw your update, it looks like initial script is loaded asynchronously now and it is removed from render blocking, checked with google pagespeed insights. Thank you 🙂

Excellent Plugin for Typekit Fonts!

November 22, 2016
Makes using Typekit Fonts a total breeze. I probably won't use Google Fonts much any more as this is so easy. I especially found the CSS box in the settings very helpful so I didn't have to alter my theme or child theme in any way.

Works like its suppose to

September 3, 2016
I installed the plugin and went and created a free account at TypeKit. I was under the impression that the font would just automatically take over. But the font only works for css that I specify. Still pretty good, easy to use, just wish it would automatically take over.
Read all 9 reviews

Contributors & Developers

“Typekit Fonts for WordPress” is open source software. The following people have contributed to this plugin.

Contributors

“Typekit Fonts for WordPress” has been translated into 4 locales. Thank you to the translators for their contributions.

Translate “Typekit Fonts for WordPress” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.9.0

  • Add support for Typekit’s new CSS embed method.
  • Add support for Typekit’s improved Advanced Javascript embed code.
  • Simplified settings screen (just enter your Kit ID rather than your full embed code).
  • WordPress 4.9 compatibility.

1.8.4

  • Add support for Typekit’s synchronous tracking code by setting async to false. Useful for avoiding FOUT.
  • WordPress 4.8 compatibility.

1.8.3

  • WordPress 4.7 compatibility.
  • Add “Settings” link on plugins screen.

1.8.2

  • WordPress 4.6 compatibility.
  • Improved handling of the HTTP response when verifying a Typekit Kit URL.

1.8.1

  • PHP7 compatibility (no more deprecated constructor warning).

1.8

  • Use WordPress.org language packs for plugin translations.
  • Improved compatibility with older PHP versions (no more pass by reference).
  • Screenshot updates.
  • Readme updates.

1.7.2

  • Use Typekit’s latest recommended embed code (which uses a https:// Typekit embed code URL for all sites).
  • WordPress 4.3 compatibility.
  • Change plugin’s textdomain to match the plugin’s folder name in preparation for translate.wordpress.org translations.

1.7.1

  • WordPress 4.1 compatibility.
  • Readme updates.

1.7

  • Japanese language – thanks to ThemeBoy.
  • Improved translation support.

1.6

  • WordPress 3.8 compatibility.

1.5

  • WordPress 3.5 compatibility.

1.4

  • Use the new scheme-less typekit.net embed code format ( //use.typekit.net/xyz.js ).

1.3.1

  • WordPress 3.4 compatibility.
  • Clarify license as GPLv2 or later.

1.3

  • WordPress 3.3 compatibility.

1.2

  • Fix invalid HTML on settings page.
  • Properly save/display settings.
  • WordPress 3.2 compatibility.
  • Translation/localization improvements.
  • Fix localization deprecated notice (thanks to aradams for reporting).
  • Store translation files in a /languages sub directory.

1.1

  • WordPress 3.1 compatibility.

1.0.3

  • Add support for HTTPS/SSL websites.
  • WordPress 3.0.1 compatibility.

1.0.2

  • Add instructions on how to use Typekit Kit Editor selectors.
  • Add instructions on how to use font weights / styles.

1.0.1

  • WordPress 2.9 compatibility.
  • Improve FAQ.

1.0.0

  • Initial release.

Meta

Ratings

See all
Log in to submit a review.

Contributors

Support

Issues resolved in last two months:

0 out of 1

View support forum

Donate

Would you like to support the advancement of this plugin?

Donate to this plugin