Custom Adobe Fonts (Typekit)


這個外掛能協助網站管理員,將 Adobe 提供的網頁字型輕鬆嵌入 WordPress 網站的內容中。



  1. 安裝外掛。
  2. 輸入在 Adobe Fonts 服務中建立的 Project ID (專案 ID)。
  3. 大功告成。網站管理員這樣便能在 Astra、Beaver Builder 及 Elementor 的設定中看到這些字型。請參考螢幕擷圖的畫面。

如果網站使用的不是上述這些提供直接支援的外掛或佈景主題,網站管理員可以撰寫自訂 CSS 樣式以套用字型。



  • 取得 Project ID (專案 ID)
  • 輸入 Project ID (專案 ID)
  • 從 Adobe ID 取得已發佈套件的全部詳細資料
  • 在 Astra 佈景主題的外觀自訂器中選取任何一種 Adobe 提供的網頁字型
  • 在 Elementor 中選取任何一種 Adobe 提供的網頁字型
  • 在 Beaver Builder 中選取任何一種 Adobe 提供的網頁字型
  • 在 Beaver Builder 佈景主題的外觀自訂器中選取任何一種 Adobe 提供的網頁字型


  1. 將外掛安裝套件 ZIP 壓縮檔解壓縮所得的 custom-typekit-fonts 資料夾上傳至網站的 /wp-content/plugins/ 目錄中,或直接在 WordPress 的 [外掛] 選單中安裝外掛。
  2. 在 WordPress 管理後台的 [外掛] 選單中啟用外掛。
  3. 在 [外觀]→[Adobe Fonts] 中輸入 Project ID (專案 ID)並取得全部字型清單。
  4. 如果網站使用的佈景主題是 Astra,請在外觀自訂器中設定字型。
  5. 網站管理員也可以將 [外觀]→[Adobe Fonts] 中所列的字型系列,使用於網站的自訂 CSS 樣式中。


2024 年 4 月 2 日 1 則留言
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…
2020 年 2 月 23 日 1 則留言
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.
2019 年 11 月 7 日 1 則留言
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.
2019 年 4 月 17 日 1 則留言
Thanks for creating this plugin. It is a great timesaver. Easy to use and implement.
2017 年 9 月 11 日 2 則留言
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.
閱讀全部 7 則使用者評論


以下人員參與了開源軟體〈Custom Adobe Fonts (Typekit)〉的開發相關工作。


〈Custom Adobe Fonts (Typekit)〉外掛目前已有 10 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Custom Adobe Fonts (Typekit)〉外掛本地化為台灣繁體中文版


任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄



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


  • New: Users can now share non-personal usage data to help us test and develop better products. ( )
  • Fix: “PHP Notice: Trying to access array offset on value of type bool” when user is migrating from 1.0.8 or lower version.


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


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


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


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


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


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


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


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


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


  • Improvement: Enqueue typekit fonts in the block editor.


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


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


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


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


  • Typekit fonts support added for all themes.
  • White Label support added from the Astra Pro plugin.


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


  • Initial release