Typography plays a crucial role in creating visually appealing and readable website content. While Google Fonts is a popular choice for many web designers, especially since it comes by default in Divi, hosting fonts locally can offer significant advantages, especially in terms of privacy and compliance with regulations such as GDPR. Local fonts can also improve site performance and allow for custom fonts to be used. In this tutorial, I will show you how you can easily upload and manage local fonts directly on your website using Divi Assistant.
▶️ Please watch the video above to get all the exciting details! 👆
FYI: Do It With Divi Assistant!
Why work so hard? You can do this easily with a setting in our Divi Assistant plugin!
What Are Local Fonts?
For those who might be new to the concept, local fonts are simply font files you upload and host on your own web server where WordPress is installed rather than fetching them from an external source like the Google Fonts server. This approach gives you complete control over the fonts used on your website. You can upload custom fonts you’ve created, purchased from font marketplaces, or downloaded from sources like Google Fonts.
When you upload a local font with Divi Assistant, our plugin handles the integration by managing the CSS files needed to define font usage on your WordPress site. This ensures consistent display across devices and browsers and contributes to faster loading times.
Why Choose Local Fonts?
Using local fonts has several advantages:
1. Improved Performance
By hosting fonts on your own server, you can reduce the dependency on third-party services, leading to faster load times. This improvement can provide a better user experience by decreasing page load times and ensuring that your website performs consistently, regardless of the reliability of external font providers.
2. Privacy and GDPR Compliance
Hosting fonts locally ensures that no data is sent to external servers, which is crucial for compliance with privacy laws such as GDPR. This approach helps protect user data and provides peace of mind for both website owners and visitors. By avoiding the transmission of data to third parties, you reduce the risk of data breaches and maintain the trust of your audience.
3. Customization
Self-hosting local fonts gives you full control over the fonts you use, including the ability to upload unique, custom fonts not available on Google Fonts. This allows you to the flexibility to customize your website’s typography to perfectly match your brand identity and design vision, setting your site apart from others that rely on standard font libraries.
How To Self-Host Local Fonts Using Divi Assistant
Here are the simple steps to self-host local fonts in Divi using our popular Divi Assistant plugin:
- Install and activate the Divi Assistant plugin
- Click on the Fonts Helper Helper tab and the Local Fonts subtab
- Upload your desired font
I hope that is easy enough for you! 😉
NOTE: In order to host Google Fonts locally on your server, you first need to disable the “Use Google Fonts” setting in Divi Theme Options. Otherwise, even if you upload a Google Font, it will not convert the font into a local font and will not be hosted locally.
Upload New Local Font
If you want to host your font locally on your own website server rather than retrieve it from a 3rd party service such as Google Fonts, you can upload a font file here. The uploaded font file will be stored on the same server as your website. You can select the supported font weights that you want to include.
Manage Local Fonts
Here are all of the local fonts that have been uploaded to this website server. Font names and font weights are listed comma-separated.
Learn More About Divi Assistant!
Our flagship "helper" plugin has (141) main features to make your life easier when working with Divi!
0 Comments