Custom Adobe Fonts (Typekit)


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



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

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

Try it out on a free dummy site


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


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


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 月 10 日
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.
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.
閱讀全部 6 則使用者評論


以下人員參與了開源軟體〈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