Typekit Fonts for WordPress

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 asynchronous embed code, which doesn’t block the rendering of the page while fonts are loading. However if you prefer, you can use the synchronous tracking code by setting the async parameter to false.

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 the whole 2 lines of your Typekit embed code.
  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 the whole 2 lines of your Typekit embed code.
  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

Excellent Plugin for Typekit Fonts!

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

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 7 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 2 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.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.