Install
This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/wy4tt34rp/ko-adobe-fonts-divi-5-integrator/archive/refs/heads/main.zipLoad an official Adobe Fonts web project and map its families, weights, styles, sizes, line heights, and letter spacing to resilient Divi 5 selectors.
Description
KO – Adobe Fonts Divi 5 Integrator connects an Adobe Fonts Web Project to WordPress using Adobe's official stylesheet URL. It then generates narrowly scoped CSS for common Divi 5 typography targets.
Built-in mappings include:
- Body text
- H1 through H6
- Divi navigation
- Divi and WordPress buttons
- Form controls
- An optional custom-selector group
Each mapping supports:
- An optional family override
- Font weights from 100 through 900
- Normal or italic style
- Font size, including responsive clamp() values
- Line height
- Letter spacing
The plugin does not include, copy, modify, download, or self-host Adobe font files. Adobe Fonts remain hosted and licensed by Adobe through the Web Project stylesheet supplied by the site owner.
Installation
- Upload the plugin folder to
/wp-content/plugins/or install the release ZIP through WordPress. - Activate KO – Adobe Fonts Divi 5 Integrator.
- In Adobe Fonts, create and publish a Web Project containing every family, weight, and style you intend to use.
- Go to Settings > KO Adobe Fonts.
- Paste the Adobe stylesheet URL, such as
https://use.typekit.net/xxxxxxx.css. - Enter the exact CSS font-family name supplied by Adobe.
- Configure and save the Divi mappings.
- Clear Divi's generated/static CSS cache if old module typography remains cached.
Frequently Asked Questions
Does this plugin include Adobe or Monotype fonts?
No. It contains no font files and no third-party font CSS. It loads only the official Adobe Fonts stylesheet URL entered by an authorized site administrator.
Does this replace an Adobe Fonts subscription or font license?
No. The website owner is responsible for maintaining an eligible Adobe account and complying with Adobe's terms. Adobe requires its web fonts to be served through the embed code it provides.
Why does the plugin use high-specificity Divi selectors?
Divi can generate module-level typography declarations, including !important. The plugin's selectors are designed to apply a consistent site-wide mapping without adding a custom class to every module.
Can I leave size, line height, or letter spacing blank?
Yes. Blank typography fields preserve the existing Divi value. Use standard values such as 48px, 3rem, 1.1, -0.03em, or clamp(48px, 7vw, 120px).
Does it work in the Visual Builder?
The Adobe stylesheet and generated CSS load on the frontend, including Divi's frontend Visual Builder. An optional setting also loads them in the WordPress block editor.
Security and privacy
The stylesheet field accepts only HTTPS CSS project URLs on use.typekit.net. Font-family names, selectors, and typography values are sanitized before CSS output. Loading Adobe Fonts sends visitors' browsers to Adobe's font CDN; site owners should account for that in their privacy disclosures and consent configuration where required.
Changelog
1.0.1
- Added Helvetica Neue World (
helvetica-neue-world) as the default Adobe family preset. - Updated H1, H2, and navigation defaults to the available Bold 700 face.
- Added a conservative upgrade routine that updates untouched v1.0.0 defaults without replacing site-specific choices.
- Kept the Adobe Web Project URL site-specific so public copies do not use another site's Adobe subscription.
1.0.0
- Initial public release.
- Added official Adobe Fonts Web Project loading.
- Added Divi 5 mappings for body text, headings, navigation, buttons, forms, and custom selectors.
- Added family, weight, style, size, line-height, and letter-spacing controls.
- Added synthetic-style prevention, optional
!important, editor loading, diagnostics, and uninstall cleanup controls.