Title: Custom Adobe Fonts (Typekit)
Author: Brainstorm Force
Published: <strong>19 de agosto de 2017</strong>
Last modified: 7 de enero de 2026

---

Buscar plugins

![](https://ps.w.org/custom-typekit-fonts/assets/banner-772x250.png?rev=2810900)

![](https://ps.w.org/custom-typekit-fonts/assets/icon-256x256.png?rev=2810900)

# Custom Adobe Fonts (Typekit)

 Por [Brainstorm Force](https://profiles.wordpress.org/brainstormforce/)

[Descargar](https://downloads.wordpress.org/plugin/custom-typekit-fonts.2.1.1.zip)

 * [Detalles](https://ve.wordpress.org/plugins/custom-typekit-fonts/#description)
 * [Valoraciones](https://ve.wordpress.org/plugins/custom-typekit-fonts/#reviews)
 *  [Instalación](https://ve.wordpress.org/plugins/custom-typekit-fonts/#installation)
 * [Desarrollo](https://ve.wordpress.org/plugins/custom-typekit-fonts/#developers)

 [Soporte](https://wordpress.org/support/plugin/custom-typekit-fonts/)

## Descripción

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

Currently it works with:

 * [Astra Theme](https://wpastra.com/?utm_source=wp-repo&utm_campaign=custom-typekit-fonts&utm_medium=description)
 * [Beaver Builder Theme](https://www.wpbeaverbuilder.com/)
 * [Beaver Builder Plugin](https://www.wpbeaverbuilder.com/)
 * [Elementor Page Builder](https://elementor.com/)

How does it work?

 1. Install the plugin
 2. Enter the Project ID that you create in adobe fonts.
 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.

[Try it out on a free dummy site](https://bsf.io/custom-typekit-fonts-demo)

## Capturas

 * [[
 * Get your Project ID
 * [[
 * Enter your Project ID
 * [[
 * Get all published kit details from your Adobe ID
 * [[
 * Select any Adobe font from Astra Theme Customizer
 * [[
 * Select any Adobe font from Elementor
 * [[
 * Select any Adobe font from Beaver Builder
 * [[
 * Select any Adobe font from Beaver Builder Theme Customizer

## Instalación

 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 -> Adobe Fonts -> Add Kit ID and get all Font list.
 4. If you are using [Astra](https://wpastra.com) then start using fonts from the customizer.
 5. You can also select Font Family from Appearance -> Adobe Fonts and start using 
    it into your custom CSS.

## Reseñas

![](https://secure.gravatar.com/avatar/fe00747507a235cca76bf6b8e3a817cb862de604ae18ffbb53767bd1fd889580?
s=60&d=retro&r=g)

### 󠀁[Not working](https://wordpress.org/support/topic/not-working-4220/)󠁿

 [lolkiki](https://profiles.wordpress.org/lolkiki/) 2 de abril de 2024 1 respuesta

Why does it keep telling me «Please enter the valid Project ID to get the kit details.»
when I literally enter the ID, it doesn’t want to use it, I keep fighting against
it for hours now…

![](https://secure.gravatar.com/avatar/a390475b27f1ccd6b41bed6b1e7d20df98fbc761deb9535cfbf68fafae31c2fb?
s=60&d=retro&r=g)

### 󠀁[SO much easier](https://wordpress.org/support/topic/so-much-easier-7/)󠁿

 [abuzon](https://profiles.wordpress.org/abuzon/) 23 de febrero de 2020 1 respuesta

I messed around for way too long before I decided to search for a plugin. Wish I
woulda done this from the get-go! Yay Brainstorm Force! Nice easy way to add Adobe
Typekit fonts to Beaver Builder modules.

![](https://secure.gravatar.com/avatar/9712d85b77b4586bceffe116c9563fb4b96a43b2bffed85bc5aff2a9118c81ca?
s=60&d=retro&r=g)

### 󠀁[URL request canceled](https://wordpress.org/support/topic/url-request-canceled/)󠁿

 [hengjicj](https://profiles.wordpress.org/hengjicj/) 7 de noviembre de 2019 1 respuesta

When i look the waterfall chart, i always see my the url of typekit is canceled.
The status is 412. What i did for the plugin is only input my Project ID. IDK why
it showed canceled status and slowed my website.

![](https://secure.gravatar.com/avatar/43730967b075e1682e1e2c0c80be7bc6b8f94da4f05565bdf0319701263905f0?
s=60&d=retro&r=g)

### 󠀁[This plugin is great!](https://wordpress.org/support/topic/this-plugin-is-great-44/)󠁿

 [Ronald Huereca](https://profiles.wordpress.org/ronalfy/) 18 de julio de 2019 1
respuesta

This plugin allows me to use Adobe Fonts in my Beaver Builder setups. Such a nice
thing to have.

![](https://secure.gravatar.com/avatar/5f78d0684331962d852cb162c25fb5751d7e22b1d032a4db04dfc9593c71315a?
s=60&d=retro&r=g)

### 󠀁[An excellent time saver](https://wordpress.org/support/topic/an-excellent-time-saver/)󠁿

 [Craig](https://profiles.wordpress.org/cpfusion/) 17 de abril de 2019 1 respuesta

Thanks for creating this plugin. It is a great timesaver. Easy to use and implement.

![](https://secure.gravatar.com/avatar/50085bc3e1b048c28df337e9fa0f15310af70e40a00212bea552818948f72b8d?
s=60&d=retro&r=g)

### 󠀁[Only works with one theme.](https://wordpress.org/support/topic/ridiculous-10/)󠁿

 [ehlanafoley](https://profiles.wordpress.org/ehlanafoley/) 11 de septiembre de 
2017 2 respuestas

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.

 [ Leer todas las 7 reseñas ](https://wordpress.org/support/plugin/custom-typekit-fonts/reviews/)

## Colaboradores y desarrolladores

«Custom Adobe Fonts (Typekit)» es un software de código abierto. Las siguientes 
personas han colaborado con este plugin.

Colaboradores

 *   [ Brainstorm Force ](https://profiles.wordpress.org/brainstormforce/)

«Custom Adobe Fonts (Typekit)» ha sido traducido a 11 idiomas locales. Gracias a
[los traductores](https://translate.wordpress.org/projects/wp-plugins/custom-typekit-fonts/contributors)
por sus contribuciones.

[Traduce «Custom Adobe Fonts (Typekit)» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/custom-typekit-fonts)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/custom-typekit-fonts/),
echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/custom-typekit-fonts/)
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/custom-typekit-fonts/)
por [RSS](https://plugins.trac.wordpress.org/log/custom-typekit-fonts/?limit=100&mode=stop_on_copy&format=rss).

## Registro de cambios

#### 2.1.1

 * New: Added JavaScript embed method option for Adobe Fonts with Dynamic Subsetting
   support.

#### 2.1.0

 * Fix: Resolved option group markup issue for the font list in Astra customizer
   font control.
 * Fix: Fixed security issue from astra-notice library.

#### 1.0.18

 * Fix: Fixed compatibility with other plugins with respect to the admin notice.

#### 1.0.17

 * New: Users can now share non-personal usage data to help us test and develop 
   better products. ( https://store.brainstormforce.com/usage-tracking/?utm_source
   =wp_dashboard&utm_medium=general_settings&utm_campaign=usage_tracking )
 * Fix: «PHP Notice: Trying to access array offset on value of type bool» when user
   is migrating from 1.0.8 or lower version.

#### 1.0.16

 * Improvement: Updated warning strings incase of wrong project ID.

#### 1.0.15

 * Fix: Settings page’s sections showing markup instead of content.

#### 1.0.14

 * Improvement: Hardened the security of plugin
 * Improvement: Compatibility with latest WordPress PHP_CodeSniffer rules

#### 1.0.13

 * Fix: Console errors in customizer & frontend on adobe font(TypeKit) selection.

#### 1.0.12

 * Fix: Load Custom Adobe Fonts (Typekit) menu after Astra Options.
 * Fix: Console errors in customizer while selecting font.

#### 1.0.11

 * Improvement: Allow whitelabel settings to be setup from using constants when 
   using Astra Pro.

#### 1.0.10

 * Fix: Remove typekit font from the Astra Theme’s google fonts URL.

#### 1.0.9

 * Improvement: Use CSS embed method for enqueueing TypeKit fonts. This should remove
   the slight delay in displaying the TypeKit fonts on the page,
 * Fix: Post URL in the Block Editor goes behind the Editor Top Bar.

#### 1.0.8

 * Fixed: A few TypeKit fonts not being rendered correctly.

#### 1.0.7

 * Improvement: Enqueue typekit fonts in the block editor.

#### 1.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.

#### 1.0.5

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

#### 1.0.4

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

#### 1.0.3

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

#### 1.0.2

 * Typekit fonts support added for all themes.
 * White Label support added from the [Astra Pro](https://wpastra.com/pro/) plugin.

#### 1.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.

#### 1.0.0

 * Initial release

## Meta

 *  Version **2.1.1**
 *  Last updated **hace 3 meses**
 *  Active installations **60.000+**
 *  WordPress version ** 4.4 o superior **
 *  Tested up to **6.9.4**
 *  Languages
 * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/custom-typekit-fonts/), [Dutch](https://nl.wordpress.org/plugins/custom-typekit-fonts/),
   [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/custom-typekit-fonts/),
   [English (US)](https://wordpress.org/plugins/custom-typekit-fonts/), [Galician](https://gl.wordpress.org/plugins/custom-typekit-fonts/),
   [Portuguese (Brazil)](https://br.wordpress.org/plugins/custom-typekit-fonts/),
   [Russian](https://ru.wordpress.org/plugins/custom-typekit-fonts/), [Spanish (Chile)](https://cl.wordpress.org/plugins/custom-typekit-fonts/),
   [Spanish (Colombia)](https://es-co.wordpress.org/plugins/custom-typekit-fonts/),
   [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/custom-typekit-fonts/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/custom-typekit-fonts/) y [Spanish (Venezuela)](https://ve.wordpress.org/plugins/custom-typekit-fonts/).
 *  [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/custom-typekit-fonts)
 *  [Vista avanzada](https://ve.wordpress.org/plugins/custom-typekit-fonts/advanced/)

## Valoraciones

 4.3 out of 5 stars.

 *  [  5 5-star reviews     ](https://wordpress.org/support/plugin/custom-typekit-fonts/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/custom-typekit-fonts/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/custom-typekit-fonts/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/custom-typekit-fonts/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/custom-typekit-fonts/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/custom-typekit-fonts/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/custom-typekit-fonts/reviews/)

## Colaboradores

 *   [ Brainstorm Force ](https://profiles.wordpress.org/brainstormforce/)

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/custom-typekit-fonts/)

## Donar

¿Te gustaría apoyar el progreso de este plugin?

 [ Dona a este plugin ](https://www.paypal.me/BrainstormForce)