I am excited to announce variable font support and many new text styling options for Divi 5!
Divi 5 now supports the latest Google Fonts collection, including variable fonts and the dozens of new controls they provide. If you aren’t familiar with variable fonts, keep reading because they are amazing.
We also added many new text styling options that allow you to create magazine-style text layouts, style dropcaps, and give you more control over text stroke, spacing, and more. When it comes to typography, Divi 5 now has it all.
There’s much to explore, so let me jump into the builder and give you the full tour. 👇
Variable Fonts and Font Axis
Variable fonts are wonderful. Unlike traditional fonts, they give you fine-tuned control of many things, such as weight, slant, width, height, roundness, shape, and so much more.
Depending on the variable font you choose, Divi will give you a new set of controls, allowing you to make each font your own and smoothly transition between each axis.
New Variable Font Controls
Traditional fonts come with a few variations, such as bold and italic. Variable fonts, on the other hand, are adjustable. Instead of picking from a small subset of variations, you can adjust the font style using new controls that give you wide adjustment ranges.
For example, instead of picking between the thin, regular, medium, and bold font weights, you can slide through a random range of 200-900. That’s 796 new font weights!
But variable fonts give you control over so much more than just weight. Depending on the variable font you choose, you’ll see many new options.
New Text Styling Options
In addition to the many new options that variable fonts introduce, we also added new base-level settings to all title and body font option groups.
- Text Columns – Create magazine-style column layouts without separating text into different containers. By creating columns with CSS, text flows naturally through each column and looks great on every device.
- Drop Caps – We added a new drop caps tab to the body text option group, which allows you to create and style drop caps in all modules.
- Text Direction – The new text direction settings allow you to create text that lines up on a vertical axis. It opens up many interesting new layout opportunities.
- Stroke Position – We recently added gradient text and text strokes to Divi 5. This small follow-up lets you control the stroke position (either center or outside). When placing the stroke outside, it won’t clip the text, which is typically preferred.
- Capitalization – We separated text styling and capitalization settings and added the full range of capitalization options.
- Paragraph & List Spacing – These new settings let you control the space between paragraphs and the space between list items; you will find them in the body text option group.
- Hyphenation – Enabling hyphenation causes long words that exceed the width of the parent container to hyphenate and break to the next line, rather than breaking through the container’s boundaries.
- Line Wrap Style – You can now choose between different line wrap styles, which control how text breaks to new lines.
Try Divi 5 Today
Complete site editing is now available for Divi 5. Give it a try and let us know your thoughts.
We rebuilt Divi from the ground up and packed it full of dozens of your most requested features. Forget everything you thought you knew about Divi, because Divi 5 is an entirely different beast.
Have You Tried Workspaces for Divi 5?
We just recently released customizable workspaces for Divi 5.
The Divi 5 interface is incredibly customizable. You can choose which panels are opened and closed, where they are docked, whether they are floating or in a sidebar, their size, and their position.
You can combine panels into tabbed groups. You can choose which icons are visible in the top bar. You can choose between light and dark modes, as well as various color schemes, and more!
Now, every user on your website can make the visual builder their own by creating their own collections of saved workspaces.
Create your perfect default workspace, along with alternative workspaces that you can switch to on the fly depending on what you are building, your screen size, etc.
Watch this video for all the details. 👇
More Divi 5 Updates Are On The Way
The features keep coming, and we aren’t slowing down anytime soon!
If you are enjoying these updates, do us a huge favor and let us know by liking this video and leaving a comment. It means a lot to us to see you cheering Divi on, and it’s essential to feed the algorithm and spread the word.
Don’t forget to follow us on YouTube and subscribe to the Divi newsletter so you never miss an update. I’ll see you soon for another Divi 5 feature announcement, which I promise will be right around the corner. 😁
The post Variable Fonts And New Text Styling Options For Divi 5 appeared first on Elegant Themes Blog.