How to Upload Custom Fonts Using Divi Font Upload | Scoreapps

How to Upload Custom Fonts Using Divi Font Upload

Improving your website typography with custom sources can significantly improve its visual appeal and brand. Divi font loading feature makes it easy to add and use custom fonts, allowing you to create a unique and professional look for your site.

In this article, we will guide you through the process of loading custom sources using Divi's font loading feature.

The first essential step for the system to allow you to upload font files is to go to your Wordpress desktop→ Plugins and activate the Plugin 'WP Add Mime Types'



Once that Plugin is activated, go to Settings→ Meme Type Settings and in the settings of that Plugin, you will have to enter these 2 lines and click Save:

ttf = application/font-ttf
otf = application/font-otf


Once this has been done, you will already be able to upload font files by following the following process:

1. Open the configuration of any text-based module.
2. Go to the Pestana Design → Text → Text source and expand the list.
3. Click the Upload button.
4. Name your custom font a name.
5. Click the Choose Font File button.
6.6.6. Choose your .ttf or .otf font file.
7. (Optional) Choose the supported font weights for the custom font file you are uploading
Once the custom font has been loaded, it will be available to set up globally to Divi → Theme Customer → General Settings → Typography.

In addition, you can also change the overall source from any text-based module using the Edit Global Fonts option.

Steps to change the overall source:
1. Open the configuration of any text-based module.
2. Go to the Pestana Design → Text → Text source and expand the list.
3. Click the Edit Global Fonts button.
4. Expand the Header Source list and choose your custom font or any of the available Google fonts.
5. Click the Save button.





    • Popular Articles

    • How to Create an App for Restaurants (with or without Delivery)

      Text Enter First Steps Once inside the platform, from the main dashboard you will find a series of icons on the left hand side menu. Just click on 'Apps'. Then click on 'Create App' and give it a name. Then you'll get to a screen where you choose the ...

    • APPS: Radio

      The function of Radio allows the addition of radio broadcast within its application. In addition to this function To add this function to your application go to step "Functions" and click on the icon "Radio": Once added you must name this new ...

    • APPS: Webhooks

      The advanced Webhooks feature lets you connect certain events that occur in your App by sending them to a URL called Webhook. You can use a free Webhooks service as Zapier to create automations that can help you with your App business. For example, ...

    • APPS: Audio & Music

      How to add this feature To add this feature to your application go to step "FUNCTIONS" and click on the " iconAudio": Then give this new section of the application a name. Then click on the + icon to add a new Playlist Then add a title and an image ...

    • QR Promotions

      This function would allow you to create discount coupons that would be unlocked by scanning a specific QR code. Once unlocked, the customer can use the discount whenever they want. The coupon would not appear in the application until the user has ...

    • Related Articles

    • Using Divi Presets

      Divi's predefined settings greatly speed up your design process by allowing you to take the design of any element and apply it to other modules. Divi is highly customizable, allowing you to make Divi modules and other elements look as you like. ...

    • Using Spacing Options in Divi

      It is easy to customize spacing into sections, rows and modules with Divi Spacing Options. Spacing is an important element in web design. It helps organize your content and keep things clear and balanced. With Divi, it is easy to customize spacing in ...

    • Using Sizing Options in Divi

      Divi Size Options make it easy to adjust the size of sections, rows, columns and modules in Divi. Divi Size Options make adjusting the size of sections, rows, columns and modules simple. Size is an essential part of creating attractive websites. ...

    • Using Divi Dynamic Content Options

      Divi dynamic content options allow you to seamlessly extract content from your database and display it. Using Dynamic Content Options in Divi The function ofDynamic Content of Diviallows you to turn any Divi module into a dynamic element that ...

    • Using Preset Layouts in Divi

      Divi comes with a lot of preset designs that you can use to speed up the start of your design. Divi includes hundreds of amazing presets that you can use to speed up your design projects. Divi has more than250 packages of presetscreated by our ...