Custom Typekit Fonts

Description

This plugin helps you easily embed Typekit fonts easily in your WordPress website.

Currently it works with:

How does it work?

  1. Install the plugin
  2. Enter the Kit ID that you create in Typekit
  3. And done. You will be able to see the fonts added in the settings of Astra / Beaver Builder / Elementor. Please refer screenshots.

If you’re not using any of the supported plugins and theme, you can write the custom CSS to apply the fonts.

Screenshots

  • Get your Typekit ID
  • Enter your Typekit ID
  • Get all published kit details from your Typekit ID
  • Select any Typekit font from Astra Theme Customizer
  • Select any Typekit font from Elementor
  • Select any Typekit font from Beaver Builder
  • Select any Typekit font from Beaver Builder Theme Customizer

Installation

  1. Upload the plugin files to the /wp-content/plugins/custom-typekit-fonts directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Use the Appearance -> Typekit Fonts -> Add Kit ID and get all Font list.
  4. If you are using Astra then start using fonts from the customizer.
  5. You can also select Font Family from Appearance -> Typekit Fonts and start using it into your custom CSS.

FAQ

Installation Instructions
  1. Upload the plugin files to the /wp-content/plugins/custom-typekit-fonts directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Use the Appearance -> Typekit Fonts -> Add Kit ID and get all Font list.
  4. If you are using Astra then start using fonts from the customizer.
  5. You can also select Font Family from Appearance -> Typekit Fonts and start using it into your custom CSS.

Reviews

Wow, didn’t know this could be so easy…

There was a time when I didn’t put much thought into the topography I used, but now I realize that it’s one of the most important parts of web design. The free plugin makes it so easy to use Typekit fonts in the Astra Theme, something that most themes don’t have any integration with. Hopefully, more theme developers will add support.

Only works with one theme.

Have changed my review as I can’t delete it, I wasn’t attempting to make the developer look bad! I missed in the text that this plugin only works with one theme which was quite inconvenient at the time… I think it should probably be made a bit clearer because when you’re searching and trying plugin after plugin you eventually find yourself banging your head against a brick wall when you come across plugins like this.

Read all 2 reviews

Contributors & Developers

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

Contributors

“Custom Typekit Fonts” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Custom Typekit Fonts” into your language.

Interested in development?

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

Changelog

v1.0.6
* Fixed: Update font name to correct font family to be rendered correctly for all the fonts.
* Fixed: Typekit fonts not rendered ccorrectly in Beaver Builder and Elementor settings.

v1.0.5
* Fixed: Fatal error: Uncaught Error: Class ‘Bsf_Custom_Fonts_Taxonomy’ not found

v1.0.4
* Fixed: Added Fonts in separate group for Elementor fonts & global fonts selection.

v1.0.3
* New: Added compatibility with Beaver Builder Theme, Beaver Builder Plugin and Elementor.

v1.0.2
* Typekit fonts support added for all themes.
* White Label support added from the Astra Pro plugin.

v1.0.1
* Custom Typekit Fonts wp admin menu renamed to Typekit Fonts.
* Empty Kit notice added if there is not fonts in the Kit.
* Php waring if there is no font list handled.

v1.0.0
* Initial release