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’;
