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 uses Typekit’s asynchronous embed code, which doesn’t block the rendering of the page while fonts are loading.
Compatible with WordPress Multisite.
- Japanese – 日本語 ( ja )
If you would like to translate this plugin into another language, please visit the translate.wordpress.org site. Thank you!
Installation of this plugin is simple:
- Download the plugin files and copy to your Plugins directory.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Go to the WordPress Dashboard, and use “Settings”, “Typekit Fonts” to enter the whole 2 lines of your Typekit embed code.
- 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?
Not possible to change
Not possible to use the extended code from typekit.
FOUT in all Browsers!
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.
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.
Contributors & Developers
“Typekit Fonts for WordPress” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
- WordPress 4.7 compatibility.
- Add “Settings” link on plugins screen.
- WordPress 4.6 compatibility.
- Improved handling of the HTTP response when verifying a Typekit Kit URL.
- PHP7 compatibility (no more deprecated constructor warning).
- Use WordPress.org language packs for plugin translations.
- Improved compatibility with older PHP versions (no more pass by reference).
- Screenshot updates.
- Readme updates.
- 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.
- WordPress 4.1 compatibility.
- Readme updates.
- Japanese language – thanks to ThemeBoy.
- Improved translation support.
- WordPress 3.8 compatibility.
- WordPress 3.5 compatibility.
- Use the new scheme-less typekit.net embed code format ( //use.typekit.net/xyz.js ).
- WordPress 3.4 compatibility.
- Clarify license as GPLv2 or later.
- WordPress 3.3 compatibility.
- 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.
- WordPress 3.1 compatibility.
- Add support for HTTPS/SSL websites.
- WordPress 3.0.1 compatibility.
- Add instructions on how to use Typekit Kit Editor selectors.
- Add instructions on how to use font weights / styles.
- WordPress 2.9 compatibility.
- Improve FAQ.
- Initial release.