fbpx

Facing The Problem Of Custom Font Does Not Show At The Website?

The solution to tackle this kind of problem can using child theme as Elementor is a popular page builder that works with a wide range of WordPress themes. However, some themes may not have built-in support for custom fonts or may require additional customization to use them. By loading custom fonts through a child theme, you have more control over the font selection and can ensure compatibility with Elementor.

How To Load Custom Font By Using Child Theme

Below Are The Following Steps :

Step 1 : Login to WordPress Dashboard [https://website.com.my/wp-admin]

Step 2 : Click on “Appearance”  and then click on “Theme File Editor”

Step 3 : Insert the code below then click on “Update File” button

@font-face {
          font-family: ‘Custom Font’;
          src: url(site-url/wp-content/themes/child-theme-name/fonts/cmunrm.woff);
          font-weight: ‘normal’;
}

font-family :Put your custom font
                         Eg : font-family: ‘Sans Serif’;

src : Put your site url together with child theme name
         Eg : [src: url(https://demo.com/wp-content/themes/demo-child/fonts/cmunrm.woff);]

font-weight : Put your design font weight
                        Eg : font-weight: ‘normal’;
Scroll to Top