-
Divi Quick tips and tricks
- Welcome Divi Quick tips and tricks tutorial
- How to start your initial build
- How to Configure Heading and text preset in divi builder
- How to Configure Row settings in Divi builder
- How to Configure Section settings in Divi builder
- How to Configure Blurb Settings in Divi Builder
- How to configure button presets
- Guidelines for adding Classes in divi builder
- How to Write Media Queries Properly According to Devices
- How to Create an Inner Page Banner in Divi Builder
- How to Optimize Images Without Opening Photoshop
- How to Crop an Image Instantly Without Opening Photoshop
- Best Color picker tool
- How to do bulk image optimization without losing image quality
- Best browser and extension to work with divi builder
- Best practice to download images from design file
- Open Or Edit any document in browser
- How to Change icon color in photoshop without designer help
- How to Write a Proper Note When You Need Clarification
- How to change PNG icon color by CSS
- Show Remaining Articles (5) Collapse Articles
-
Import & Export
-
Snippets
- AISEO FIX for divi 5
- Divi-accordion-closeable-Script
- Divi-Sub-Menu-Collaps-Functionality
- Wocommerce Basic Css
- Banner jumps during page load
- Blog List Filter Grid
- Header Layouts and CSS
- Mega Menu
- Button in the Canvas is not working
- To show full Image thumbnail for the gallery module Script code
- Tab Type Team Bio With Scroll Function js
- Media Query CSS
- Gravity Form Radio Button and checkbox styling
- Inline Book Page Logos for Forbes
- Sticky header sticks early
- Header Bounce Fix
- Woocommerce global button style
- Image Zoom on LightBox
- Divi FilterGrid: Link Menu Items to Active Category Filters
- Show Remaining Articles (4) Collapse Articles
-
Preferred plugins
-
Forbes sites
-
Tools and Extention
-
Technical Quality Assurance
-
Divi 5 Tips and Trics
-
Video Tutorial
-
Library
-
Quality Assurance
-
Guidelines & Notes
- Image Alt Text
- Security Audit checklist for WordPress
- Importing/Exporting WooCommerce Products
- Image Optimization Best Practices
- Site Speed Best Practices
- Team Tools
- Form Message - Forbes Sites
- Custom Top Bar
- AISEO FIX for divi 5
- Preferred Plugins List
- Social Network images in AIOSEO
- Purehealthpeptides.com - Rules
- Use a custom button for Gravity Forms
- Activate Magnific Popup in DIVI
- Any Basic Information can be found here
- To show full Image thumbnail for the gallery module Script code
- Slick Slider Integration
- Attention needed - Clinical Enrollment dev site protection issues
- layout/Functionality Notes
- Consistency in Builds
- Freshysites Website rules checklist
- Beaver Builder learning
- Migrating Posts with Featured Images
- Woocommerce FS
- Overview of QA/QC Process Changes
- Divi - adding custom fonts
- Image Optimization
- Vimeo Video
- Add woff and woff2 fonts to Divi
- Payment Reciept Notification Example
- Plugin notes plus update
- Retheme
- Miscellaneous WooCommerce Solutions
- Gravity Forms & Google reCAPTCHA v3 - New QA item
- How to use Search & Filter Pro FILTERS but with Divi FilterGRID
- Speed Issue
- Additional notes on how to use WP Rocket with Pressable (with examples)
- WP Rocket Configuration
- How to use Search & Filter Pro FILTERS but with Divi FilterGRID
- Developer Add Site Notes to CRM
- Image Resources
- Divi Cloud Templates
- Show Remaining Articles (27) Collapse Articles
-
Common use
-
Internal Quality Assurance
- General Asana Communication
- Admin Labels
- Divi Build Standards
- CSS - Do not hard code global text sizes. Use Divi present style feature instead
- Blog page - setup the blog page differently
- Clients Website Page Speed woes and Improvements
- Favicon setup (Appareance > Favicon) - see details --->
- Housekeeping
- CSS
- Design elements are carried through all pages
-
Design Quality Assurance
- All content is on the site that should be
- Content on the pages flows well
- Image and text treatment are consistent throughout site
- Content on the pages flows well
- Popups are designed to match the website aesthetic (if applicable)
- The site is easy and clear to navigate
- It's a positive user experience
- It's easy for end users to find the information on the site that's associated with the main site goal
- Social media links are connected to the correct accounts
-
Woocommerce
-
Announcement
- Carousels on mobilie device - NN/G
- Slick Slider on Divi5
- Regarding the Divi 5 variables for font-size and spacing
- v3 Recaptcha
- Custom Fonts
- Regarding QA
- SEO process
- Divi5 Overview
- Figma to Divi Convert Font Size guildline
- Image Resources
- Pro tip for your build team regarding images and sizing
- September 2026 Notes:
- WP Store locator updated
-
Explore
Divi 5: https://freshy.cc/share/3SFOxABRvoMirjKI50xX
source: https://alexhooley.com/divi-custom-woff-fonts/
To add WOFF & WOFF2 fonts to the Divi 4:
- Convert Your Font Files to WOFF & WOFF2 if not already in those formats
Using WOFF & WOFF2 together means your font will be almost universally supported by browsers so take your old TTF files and convert them using CloudConvert.
- Find the core.php File & Make a Backup
Find the wp-content/themes/Divi/includes/builder/core.php file in your website’s file system. Download a backup copy to your computer just in case.
- Find the Function That is Stopping WOFF & WOFF2 Uploads
Open the core.php file and search for this function:
function et_pb_get_supported_font_formats() { return apply_filters('et_pb_supported_font_formats', array('ttf', 'otf')); }Divi uses this function when uploading new fonts. As you can see it is currently set to only allow OTF and TTF fonts.
- Temporarily Update the Divi Core to Allow WOFF & WOFF2 Uploads
Add the WOFF and WOFF2 formats to the array and save the file. It should look something like this:
function et_pb_get_supported_font_formats() { return apply_filters('et_pb_supported_font_formats', array('ttf', 'otf', 'woff', 'woff2')); } - Addition 10/2024:
- edit the wp-config.php file
After this PHP line:
$table_prefix = 'wp_';Add the following line:
define('ALLOW_UNFILTERED_UPLOADS', true);
- Upload the Fonts Together via the Divi Builder
Now go back into the Divi Builder and upload the fonts in the normal way. Make sure you select the WOFF file and the WOFF2 file when you upload them.
Your WOFF fonts should now be uploaded and working so save and exit the Divi Builder.
- Go Back & Undo the Changes to the core.php File
Find the core.php file and remove WOFF and WOFF2 items from the array and save it so it looks like this again:
function et_pb_get_supported_font_formats() { return apply_filters('et_pb_supported_font_formats', array('ttf', 'otf')); }